Esconder/Mostrar

Hide/Show: un Peek-A-Boo para cualquier objeto que se inserte en la sidebar del blog. El mismo que he utilizado para ordenar mi "Tabla de Contenidos" y "Categorías más Buscadas":

1º.- Incluir en la plantilla expandida, antes del / cierre skin:
.commenthidden {display:none}
.commentshown {display:inline}

2º.- Antes del cierre / head(¡OJO!: NO en el skin):
<script type="text/Javascript">

function togglecomments (postid) {

var whichpost = document.getElementById(postid);

if (whichpost.className=="commentshown") { whichpost.className="commenthidden"; } else { whichpost.className="commentshown"; }

} </script>


3º.- En la sidebar, dentro del widget que quieras expandir y contraer:
<a aiotitle="click to expand" href="javascript:togglecomments('UniqueName')">Title</a><br />

<div class="commenthidden" id="UniqueName"></div>


El "UniqueName" debe ser un Nombre Unico e tu plantilla: como si quieres poner "Rué del Percebe". Con que no esté repetido antes, vale. Y este nombre no va a verse en el blog, con lo que podéis poner el que os venga en gana, por estrafalario que sea. En este código debéis ponerlo en dos sitios.
En cuanto al "Title"-Título, aquí si debéis escoger bien, porque es el que se va a ver en el blog, dando paso a los contenidos del widget: "Tabla de Contenidos"; "Blogroll"; "Categorías"; "Forum"... el que sea que denomine el widget en el que estáis insertando el Peek-A-Boo.

¿Dónde se coloca?: En mi caso, lo he hecho detrás de cada "id main" del widget.

Podéis usar este Hack para expandir y contraer cualquier objeto en la sidebar... incluso la sidebar entera...

Vía: BlogU