Expandir Y Contraer En Blogger

Un método sencillo para contraer y expandir elementos, un script muy simple que aprovecha la instrucción nextSibling.

El código a insertar en el encabezado del blog, por ejemplo, antes de la etiqueta </head> copiamos 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>

Para que funcione, utilizamos un enlace de cualquier tipo, puede ser un texto o una imagen:

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

href="javascript:void(0);">ENLACE</a>

<div style="display: none;">
....... el contenido a ocultar .......
</div>

Tener en cuenta que todas las instrucciones desde <a hasta <div, se escriban en una sola linea.

Posted in: BLOGGER