Codigo Expandible

Bueno apeticion del Reactor.. aqui pongo un tutorial de como poner algo que al darle click muestre X texto que quiera poner, o imagen, o video.

1-Primero hay que abrir donde ud edita su HTML.
2-Guardar Completamente su plantilla antes de hacer nada..
3-Copiar este codigo despues de el elemento HEAD..
<script type='text/javascript'><br />document.write('<style>.texthidden {display:none} </style>');<br /></script><br /><script type='text/Javascript'><br />function expandcollapse (postid) {<br />whichpost = document.getElementById(postid);<br />if (whichpost.className=="shown") {<br />whichpost.className="texthidden";<br />}<br />else {<br />whichpost.className="shown";<br />}<br />}<br /></script><br />

4-Despues se va a Plantilla> Agregar un Elemento de Pagina> HTML/JavaScript
y pone esto:
<a href="javascript:void(0);" onclick="expandcollapse('UNIQUENAME1')"><img src="URL DE LA IMAGEN" /></a><br /><ul id="UNIQUENAME1" class="texthidden"><br /><div id="menu3"><ul><br /><li><a href="URL QUE QUIRE QUE EL LINK VAYA.."></a></li><br /><li><a href="URL QUE QUIRE QUE EL LINK VAYA.."></a></li><br /><li><a href="URL QUE QUIRE QUE EL LINK VAYA.."></a></li><br /><li><a href="URL QUE QUIRE QUE EL LINK VAYA.."></a></li><br /><li><a href="URL QUE QUIRE QUE EL LINK VAYA.."></a></li><br /><li><a href="URL QUE QUIRE QUE EL LINK VAYA.."></a></li><br /><li><a href="URL QUE QUIRE QUE EL LINK VAYA.."></a></li><br /><li><a href="URL QUE QUIRE QUE EL LINK VAYA.."></a></li><br /></ul><br /></div><br /></ul><br />

Modifica el Codigo..
En el Cuarto paso les di un codigo q ese es el que usaran para que se vea el texto o link, video, etc
En este el codigo que puse es para Links, como lo pueden ver en mi columna de la derecha --->

Que Pasa si quiero que cuando le de click al link use otra pestaña o ventana??
Bueno despues de cada
<href="www.nitosblog.com" --- --- --- --->
Asi que deberia lucir asi:
<href="www.nitosblog.com" target="_blank">
Agregan el target="_blank" despues de las comillas del link y cierras con un >


En lugar de links quiero una imagen??
Bno haces hasta el paso # 3 y ahora sigues estos pasos..
Agregas este Codigo en Plantilla> Agregar un Elemento de Pagina> HTML/JavaScript

<br /><a href="javascript:void(0);" onclick="expandcollapse('UNIQUENAME1')"><img src="--Url de la imagen que quieres poner para que le den click!--" /></a><br /><ul id="UNIQUENAME1" class="texthidden"><div id="menu3"><ul><img src="URL DE LA IMAGEN" /></ul></div></ul>


Gracias a JGM.. que tambien tiene un codigo asi, al ver eso.. me intrigue y busq mas informacion acerca de este codigo..
Si ud esta usando el codigo porfavor poner un link a mi pagina web!.. GRACIAS!