La version 2 de warioteayuda - Spoiler con boton

Spoiler con boton

Spoiler con boton mostrar y ocultar ^^ :

Tipo Boton :

Code :

<div>
<div class="pre-spoiler">  <input type="button" 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';}" style="margin: 0px; padding: 0px; width: 80px; font-size: 10px;" value="Mostrar" /></div>
<div>
<div style="display: none;" class="spoiler">
Aqui lo que quieres ocultar !
</div>
</div>
</div>

Al hacer click sobre palabra :

[+]Titulo
aqui el contenido que se muestra y oculta
bla bla bla...

Texto encima de la página :

Para agregar :

<div id="caja1"><a href="javascript:expandcollapse('1')">[+]</a>Titulo <span id="1" class="posthidden">
<br />
aqui el contenido que se muestra y oculta<br />
bla bla bla...
</span></div>