Mostrar/Ocultar

Para que se muestre un desplegable en el cual podamos ocultar y al mismo tiempo expandir el texto, vamos a plantilla y localizaremos la etiqueta -/head-,y justo antes pondremos el siguiente texto:

<style type='text/css'>

.ver_menu { display:block; }

.ocultar_menu { display:none; }

</style>

<script type='text/JavaScript'>

function desplegar(categoria){

var menu = document.getElementById(categoria);

if(menu.className == &quot;ver_menu"){

menu.className = &quot;ocultar_menu";

}

else{ menu.className = &quot;ver_menu"; } }

</script>


Seguidamente este otro código lo pondremos en el sitio donde queramos situarlo, bien sea un post de entrada y simplemente en el -sidebar-, yendo a entradas o a añadir elementos en página HTML-Javascript, respectivamenter.:

<script type='text/JavaScript'></script>

<div class="UNIQUENAME">

<a href='javascript:desplegar("UNIQUENAME");'>

<img borde='0' height='35' src='aquí la url de la imagen' width='35'/></a>

<ul class='ocultar_menu' id="UNIQUENAME">



En este espacio todo lo que deseamos ocultar,

texto, imágenes, vídeos ect. ect, ect...



</ul></div>

Observaciones:
Si queremos ir añadiendo más módulos simplemente cambiaremos el nombre donde dice
"UNIQUENAME", por otro nombre diferente, por cada módulo añadido dentro del mismo Script.
Asimismo si queremos en que aparezca un texto en vez de una imagen en el botón del -clic-, borraremos la parte de la imagen y pondremos el texto.