BBCODE Spoiler

<style type="text/css">
.pre-spoiler {
    border: 1px solid #000000;
    margin: 0 15px 5px 15px;
    padding: 3px 5px 3px 5px;
    font-weight: bold;
    text-align: right;
    color: #000000;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    background-color: #CAC9C5;
    background-image: url(spoiler/bg.png);
    background-repeat:  repeat-x;
}
.spoiler {
 margin: 0 15px 15px 15px;
 padding: 5px;
 border: 1px solid #000000;
}
.Estilo2 {color: #333333}
</style>
 <div class="pre-spoiler">
    <span style="float:left; padding-top: 2px;"><span class="Estilo2">Spoiler</span></span> 
    <input type="button" value="Mostrar" style="width:80px;font-size:10px;margin:0px;padding:0px;" onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = '';this.innerText = ''; this.value = 'Ocultar'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.value = 'Mostrar';}">
 </div>
  <div>
    <div class="spoiler" style="display: none;">{param}</div>
  </div>