Mostrar/Ocultar Contenido En Las Entradas

¿Quien no quiso hacer las entradas mas cortas ocultando cosas no tan necesarias 

(como , códigos , definiciones , explicaciones , etc.)?

Bueno , Yo Si , Y Creo Que Lo Eh Echo En Algunas Entradas ^w^

Bueno , Como Hacerlo ?? Colocaremos Un Botón Que Al Presionarlo 

Muestre Nuestro "Contenido Oculto" Y Al Presionar Otra Ves Lo Guarde De Nuevo >o<

"Botón Mostrar/Ocultar"

En Una Entrada , Común , Colocaremos El Siguiente Código:

<div class="divspoiler"><img src="URL DE LA IMAGEN~BOTÓN" onclick="if (this.parentNode.nextSibling.childNodes[0].style.display != '') { this.parentNode.nextSibling.childNodes[0].style.display = ''; } else { this.parentNode.nextSibling.childNodes[0].style.display = 'none';}" /></div><div><div class="spoiler" style="display: none;">COLOCAR AQUÍ LO QUE QUIERES OCULTAR</div></div>

Si No Queremos Una Imagen , O No Conseguimos Una Parecida A Un Botón >o<

Utilicemos Un Texto ^w^

<div class="divspoiler"><a href="javascript:void(0);" onclick="if (this.parentNode.nextSibling.childNodes[0].style.display != '') { this.parentNode.nextSibling.childNodes[0].style.display = ''; } else { this.parentNode.nextSibling.childNodes[0].style.display = 'none';}" >TEXTO COMO BOTÓN</a></div><div><div class="spoiler" style="display: none;">COLOCAR AQUÍ LO QUE QUIERES OCULTAR</div></div>

♥ Mostrar~Ocultar ♥

 Y , Si Tienes Un Blog Mas Que Nada Serio ?? Utilicemos Un Botón Normal !!

<div class="divspoiler"><input type="button" value="Mostrar" onclick="if (this.parentNode.nextSibling.childNodes[0].style.display != '') { this.parentNode.nextSibling.childNodes[0].style.display = ''; this.value = 'Ocultar'; } else { this.parentNode.nextSibling.childNodes[0].style.display = 'none'; this.value = 'Mostrar'; }" /></div><div><div class="spoiler" style="display: none;">COLOCAR AQUÍ LO QUE QUIERES OCULTAR
</div></div>

¿¿ Quieres Editar Este Boncito ??  Agreguemos Lo Siguiente :

 style="color: #COLOR DEL TEXTO; background: #FONDO DEL BOTÓN; border: 1px dashed #COLOR DEL BORDE;"

En Este Lugar :

<div class="divspoiler">

<input style="color: #COLOR DEL TEXTO ; background: #FONDO DEL BOTON; border: 1px solid #COLOR DEL BORDE;"

 type="button" value="Mostrar" onclick="if (this.parentNode.nextSibling.childNodes[0].style.display != '') { this.parentNode.nextSibling.childNodes[0].style.display = ''; this.value = 'Ocultar'; } else { this.parentNode.nextSibling.childNodes[0].style.display = 'none'; this.value = 'Mostrar'; }" />

</div><div><div class="spoiler" style="display: none;">

COLOCAR AQUÍ LO QUE QUIERES OCULTAR

</div></div>

Y Editarlo A Tu Gusto !!
Los Códigos No Son Míos !!
Gracias A Internet Y Su Autor♥