Expandir Y Contraer En Blogger

blogger

Un método sencillo para contraer y expandir elementos, un script muy simple que aprovecha la instrucción nextSibling.


El código a insertar en el encabezado del blog, por ejemplo, antes de la etiqueta </head> copiamos lo siguiente:

<script type='text/JavaScript'>
function verocultar(cual) {
var c=cual.nextSibling;
if(c.style.display=='none') {
c.style.display='block';
} else {
c.style.display='none';
}
return false;
}
</script>


Para que funcione, utilizamos un enlace de cualquier tipo, puede ser un texto o una imagen:



<a onclick="return verocultar(this);"


href="javascript:void(0);">ENLACE</a>


<div style="display: none;">
....... el contenido a ocultar .......
</div>


Tener en cuenta que todas las instrucciones desde <a hasta <div, se escriban en una sola linea.

0 comentarios:

Publicar un comentario

-Si No Posees Cuenta Gmail (Busca Más Abajo En Eligir Identidad: (x)"Marca" Nombre/URL; Y Escribe En Nombre Tu Nick y Dirección E.Mail; "OPCIONAL" Informanos En La Casilla URL La Dirección De Tu Pagina Web Si Posees Una o Alguna Que Quieras Recomendar)

-Te Invitamos A Registrarte En Nuestro Foro Recibiras Eventualidades E Informes Y A Seguir Comentando Sobre Nuestras Publicaciones Tu Opinion Es Importante!

[Gracias! Att."EQUIPO BUFINT.BLOGSPOT"]

ULTIMOS ARTICULOS

Twitter Delicious Facebook Digg Stumbleupon Favorites More

 
Design by Free WordPress Themes | Bloggerized by Lasantha - Premium Blogger Themes | fantastic sams coupons