Este sencillo código lo aprendí en una entrada del blog de César. Lo utilicé para crear el menú de la barra lateral de Yenodeblog, y lo uso para ocultar y mostrar código en Blog Consejo. Y como le voy a dar bastante uso a partir de ahora también aquí, voy a compartirlo con vosotros y así, de paso, lo tengo localizado para cuando lo utilice.
<script type="text/javascript">document.write('<style>.texthidden {display:none} </style>');</script><script type="text/Javascript">function expandcollapse(postid){whichpost=document.getElementById(postid);if(whichpost.className=="shown"){whichpost.className="texthidden"}else{whichpost.className="shown"}}</script><ul id="nava"><b><a href="javascript:void(0);" title="Texto a mostrar al pasar el ratón" onclick="expandcollapse('contenido')">Mostrar/ocultar (Texto o imagen que hará de enlace)</a></b></ul><ul id="contenido" class="texthidden">CÓDIGO A CONTENER</ul>Como veis, al hacer clic en el enlace se expande y se oculta el contenido que pongáis justo donde pone CÓDIGO A CONTENER.
Para utilizar este código hay que tener en cuenta que, si se utiliza varias veces en una misma vista de página, hay que cambiar la variable contenido, tanto en
Para utilizar este código hay que tener en cuenta que, si se utiliza varias veces en una misma vista de página, hay que cambiar la variable contenido, tanto en
onclick="expandcollapse('contenido') como en <ul id="contenido" class="texthidden">. La variable puede ser cualquier palabra, excluyendo las palabras reservadas en JavaScript. Eso sí, dentro de un mismo elemento, ambas variables deben ser la misma palabra.Poco a poco lo iré usando para hacer un poco más corta la barra lateral y así hacer más rápida la carga de la página. Pero no por ocultar carga antes, sino porque al acortar me permitirá reducir el número de entradas a mostrar en la página principal.
Quiero conseguir mostrar como mucho cuatro o cinco entradas, y que no quede descompensada el área de los artículos con la de la barra lateral, y que la carga de la página baje de los ocho segundos.
Quiero conseguir mostrar como mucho cuatro o cinco entradas, y que no quede descompensada el área de los artículos con la de la barra lateral, y que la carga de la página baje de los ocho segundos.
Bueno, ahí os dejo el código. Usadlo con moderación 
.
.
4 Comentarios - Haz el tuyo aquí:
Intentaré aplicarlo en una web que tengo,ya te digo.
Saludos.
Tiene que funcionarte, seguro. En los ensayos en el editor on line que uso va a la perfección, porque es un script autónomo e independiente.
Espero que te sirva :H
¿Pero esta especie de ocultación de spoilers es sólo para blogger o lo puedo usar también en mi wordpress?
Es una utilidad genial.
Mmmmmmmm.... Me temo que no... :( Tengo un blog para pruebas en Wordpress, pero parece que JavaScript no lo admite en las entradas.
No sé en tu caso, si lo pudieras habilitar yo creo que sí, pero en una cuenta gratuita de Wordpress ya he comprobado que no es posible.
IMPORTANTE, antes de comentar, lee ésto:
Si tu comentario es una consulta, intentaré contestarte a la mayor brevedad posible.
Cualquier persona puede comentar en este blog. Si no estás registrad@ en ningunos de los servicios indicados y tampoco tienes web o blog, usa la opción Nombre/URL, pon tu nombre o nick y deja URL en blanco.
Si comentas con el perfil de Blogger activado, marca la casilla Enviar por correo electrónico comentarios de seguimiento. Así, si preguntas algo, sabrás de mi respuesta inmediatamente a través de tu e-mail.
Si lo que quieres es ponerte en contacto directamente conmigo, dispones para ello de un formulario de contacto.
En cualquiera de los casos, se agradecen tus aportaciones.
Aviso: Se borrarán todos los comentarios con publicidad descarada y enlaces que no aporten nada de interés (spam).
Para comentar, usa una de estas opciones: