Expandir o Contraer elementos

Hay un truco muy útil y muy utilizado entre nosotros los blogueros, que es el de Expandir o Contraer elementos o contenidos, bien sea una imagen, enlace y texto. Yo lo utilizo mucho, me sirve acortar códigos o los mismo post para que no sean tan extensos. Es muy sencillo y espero que sea de mucha utilidad.


Nos vamos a Diseño / Edición y buscamos la etiqueta </head> y justo ante colocaremos este script:

<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>

Guardamos los cambios y luego para poner en funcionamiento, utilizaremos este código:

<a onclick="return verocultar(this);"

     href="javascript:void(0);">ENLACE</a><div style="display: none;">

------ Aquí va lo que se quiere ocultar ------

</div>

Listo veamos los resultados:
Este caso a hacer utilizando donde dice Enlace coloco cualquier texto:

Ver/Ocultar

Democritum voluptatum incorrupte ut ius, eleifend torquatos adipiscing ad sea, ex ubique labores eum. Dicit oratio bonorum an eos. Voluptua adipisci principes at sed, dicta platonem no quo, eum malis alienum copiosae et. Vis hinc luptatum conclusionemque no. Ut laoreet percipit erroribus mei, quot partem dignissim et eam, ex quo oratio abhorreant disputationi. Dicit oratio bonorum an eos. Voluptua adipisci principes at sed, dicta platonem no quo, eum malis alienum copiosae et. Vis hinc luptatum conclusionemque no. Ut laoreet percipit erroribus mei, quot partem dignissim et eam, ex quo oratio abhorreant disputationi.

Este otro coloco donde dice Enlace coloco una imagen:


Expandir/Contraer