Este es otro de los truquillos que he aprendido en Vagabundia y quiero tambien guardarlos en este almacen para si alguien anda buscando y por descuído Google los trae hasta acá también pueda usarlo. Es sumamente fácil de poner y funciona de inmediato, además lo que más me gusta es que a diferencia de otros incómodos script, no es necesario esperar que cargue completamente la página para ver el efecto!.
Primeramente lo que debemos hacer, como es un script, ponerlo en la plantilla del blog, siempre antes de la etiqueta </head> pegamos este código:
<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 agrado, ya sea desde una imagen hasta un link simple:
<a onclick="return verocultar(this);"
href="javascript:void(0);">ENLACE</a><div style="display: none;">
....... el contenido a ocultar .......
</div>
Esto funciona en cualquier parte del blog, tanto en las entradas como en la sidebar, pero ojo, recuerda que si haces un cambio en tu plantilla debes siempre verificar que el script que pusimos antes de </head> esté allí, de lo contrario nunca funcionará!.
He aquí unos ejemplos, uno lo he puesto con un enlace de texto y el otro con una imagen, queda a elección de ustedes!:
Ver/Ocultar [+/-]
Click Ver/Ocultar
Cabe decir que dentro del script se puede poner cualquier cosa, ya sea una imagen, código o texto simple como el ejemplo que doy. Suerte!.
0 comments:
Post a Comment