Ocultar datos en blog con botón abrir / cerrar

Mediante un sencillo botón se puede ahorrar espacio en una entrada. Con este truco es posible esconder información (texto, imagen, link, código) o simplemente hacer visualmente una entrada más simple.
En este caso este tipo de códigos son factibles en cualquier otra parte del blog como la sidebar, footer,...

El que uso tiene la fórmula:

Aquí va el texto, imagen, link, código a esconder...¿ok?

<div><div><div class="pre-spoiler"><span style="padding-top: 12px;"></span><input style="margin: 0px; padding: 0px; width: 100px; border: 3px double rgb(250, 201, 128); color: rgb(0, 0, 0); background-color: rgb(239, 251, 251);" value="ABRIR" 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 = 'CERRAR '; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.value = 'VER ';}" type="button"> </div> <div> <div style="display: none;" class="spoiler"><span><div style="text-align: center;"><div style="text-align: justify;"><u></u>





Texto, código, imagen.....







</div></div></span></div></div></div></div>

- Tanto ABRIR - VER - CERRAR pueden sustituirse por otro conjunto de palabras
- margin es la distancia al borde la entrada.
- width es el ancho del botón. Si colocas un texto largo en el botón habrá que aumentar su número en px.
- font-size: Tamaño de la fuente del texto.
- font-family: trebuchet ms u otras es el tipo de fuente del texto.
- background-color: color del fondo del botón.
- color: color de la fuente del texto.
- border: bordes y tipos.

► Formación de botones y rollover con ellos en este enlace

Apuntes...