EXpandir y contraer

Como dice el título, hoy les voy a enseñar este gran truco que te permite crear un post largo y en algunos lugares añadirle el simbolito de Expandir/Contraer, o el [+/-] que en definitiva lo que hace es esconder una porcion del post, ya sea un video, una imagen o un texto y así el lector puede expandir y ver el contenido.

Lo primero que hacemos es ir a la configuración HTML de nuestra plantilla y buscamos el </head> y justo antes pegamos el siguiente codigo:

[+/-]
<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>


Luego de esto, cada vez que queremos utilizar el [+/-] en cualquier parte de nuestro blog, ya sea un post o la sidebar, debemos poner el siquiente codigo:

<a onclick="return
verocultar(this);"href="javascript:void(0);">[+/-]</a>
<div style="display: none;">Contenido
oculto
</div>

Y debemos remplazar donde dice Contenido Oculto por la parte del post que queremos esconder. Recuerden que pueden esconder un texto, una imagen o un video.

Otra opción es sustituir el símbolo de Expandir/Recoger por una imagen, lo que haríamos sería añadir <img src="url-de-la-imagen"/> en lugar de [+/-]

Espero que les sea de utilidad.