"Expandir/contraer " de Wordpress (y funciona en Blogger)

La práctica totalidad de mis plantillas es obra y gracia de la diseñadora alemana MILO, quien las confecciona para Wordpress... y yo las paso a "lengua" Blogger. La razón es evidente: no hay plantillas tan originales ni bonitas en Blogger.

Ya, de paso, examino las entrañas y funcionamiento de algunas piezas de código que para mí, en Blogger, resultan nuevas y, no obstante, demuestran-muchas veces-su eficacia.

Una de esas "piezas" es una función "expandir/contraer", "leer más", [+/-], o como se quiera decir, que funciona sin necesidad de dos docenas de códigos mostruosamente largos y complicados. Sin necesidad de "togles" que nos marean si no hemos cambiado la palabra clave, etc.

Suele funcionar mejor en plantilla clásica de blogger y falla más en Nuevo Blogger, sobre todo porque aquí entra en conflicto con los "toggles" que llevan muchos widgets (el archivo, por ejemplo). Podéis ver una muestra de su funcionamiento en esta Plantilla clásica

Esta es la estructura de ese ejemplo que pongo:

1. Abrir la plantilla y colocar, antes del </head> el siguiente script:




<script type='text/javascript'>



<!--



function expandIt(getIt){



getIt.style.display=(getIt.style.display=="none")?"":"none";



}



//--></script>





2. Insertar en la parte de la plantilla donde se desee, la siguiente pieza de código:




<a title="Click para abrir y cerrar" href="javascript:expandIt(document.getElementById('DESCRIPCION'))">NOMBRE</a>

En el caso del ejemplo"lista", que he puesto arriba, el código queda así:

<a title="Click para abrir y cerrar" href="javascript:expandIt(document.getElementById('lista'))">Tareas</a>



<div id="lista" style="display: none;">



<ul>





<li><a title="tareas por hacer" href="">Subir el Aconcagüa</a></li>





<li><a title="más" href="">Cruzar el Indico a nado</a></li>





<li><a title="siguet" href="">reforestar... donde se pueda</a></li>





<li><a title="sigue" href="">Dormir veinticuatro horas seguidas</a></li>





<li><a title="Ver" href="">Amaestrar un jabalí</a></li>





<li><a title="Ver" href="">el resto... que lo haga Scarlett O'Hara... mañana.</a></li>





</ul>



</div>