Mostrar/Ocultar(+/-)

Este es una herramienta bastante util a la vez que queda muy bien en cualquier parte del blog, ya que su principal característica es que muestra y oculta, textos, imagenes, links, posts, y cualquier cosa que se nos ocurra y que queramos tener oculto, bien sea por su tamaño o por cualquier otra circunstancia. Para su implantación tenemos qye añadir el siguiente código:
Primeramente añadiremos lo siguiente dentro de la plantilla, en el CSS:

.commenthidden {display:none}

.commentshown {display:inline}


Segundo colocamos este script justo antes de -/head-

<script type="text/Javascript">

function togglecomments (postid) {

var whichpost = document.getElementById(postid);

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

} </script>


Tercero, donde queramos situar el efecto añadiremos lo siguiente:

<a aiotitle="click to expand" href="javascript:togglecomments('UniqueName')">+/- Título</a><br />

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




La parte a ocultar hay que ponerla justo antes del -/div-, de la tercera parte.
También podemos poner el título que más nos guste a continuación de los signos +/-.
Asímismo si quisieramos añadir más segmentos dentro de la misma aplicación solamente tendríamos que ir añadiendo la parte de la fase tercera, pero habría que cambiar la parte que dice UNIQUENAME, por otro nombre diferente, por cada módulo que añadamos.