Expandir y contraer

Y hoy vamos a ver como crear el efecto de expandir y contraer, que nos permitirá ahorrar espacio en la sidebar de nuestro blog.

Para ello, hacemos lo siguiente:

♠ Ingresamos a Edición de HTML/ Expandir plantillas de artilugios y en la plantilla buscamos </head>
♠ Antes de </head> , pegamos lo siguiente:

<script type='text/JavaScript'>
function verocultar(cual) {
var c=cual.nextSibling;

if(c.style.display=='none') {
c.style.display='block';
} else {
c.style.display='none'; }
return false;
}
</script>


♠ Una vez pegado el código de arriba, damos click en Guardar plantilla
♠ Para que funcione el efecto de Expandir y contraer, entramos a Edición de HTML/ Elementos de la página/ Añadir un gadget y damos click en HTML/Javascript .
♠ Ahora, cada vez que querramos agregar algo que sea muy largo en la sidebar y deseemos ahorrar espacio, agregaremos lo siguiente:

<a onclick="return verocultar(this);"
href="javascript:void(0);">Ejemplo</a>
<div style="display: none;">......lo que se ocultará.........</div>

♠ Pueden ver algunos ejemplos en la sidebar de mi blog, donde dice: Sobre este blog / e-mail ó IMPORTANTE:licencia CC. En ambos casos verán que también se pueden incluir en el contenido oculto, imágenes.
♠ Finalmente, si desean que el lugar donde tienen que dar click para que se expanda el contenido sea una imagen y no letras,sustituyan donde dice EJEMPLO por <img src="url-de-la-imagen"/>

Consultas...Son todas bienvenidas.