Truco Expandir – Contraer en blog

  • noviembre 6, 2010
Truco Expandir Contraer en blog

Para esconder elementos
Sirve para todo: im??genes y texto. Te permite, iniciar una publicaci??n y luego invitar a los lectores a seguir leyendo. Expande y contrae la publicaci??n.
Paso 1:
Lo primero que hacemos es ir a la configuraci??n HTML de nuestra plantilla y buscamos el </head>; y justo antes pegamos el siguiente codigo:
 

dijo:
<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>




Guardas los cambios.

Paso 2:La segunda parte se agrega donde quieras expandir (post o sidebar/columna lateral).Pegas este c??digo: 

dijo:
Esta es la parte a la vista en tu publicaci??n. <a onclick=»returnverocultar(this);» href=»javascript:void(0);»>Ac?? va la se??al para que expanda</a>
</div><div class=»commenthidden» style=»DISPLAY: none»> Este contenido quedar?? oculto.</div><div class=»commenthidden»>




Ahora te dejo el c??digo limpio, sin mis palabras. 

dijo:
<a onclick=»return
verocultar(this);»href=»javascript:void(0);»>[+/-]</a>
<div style=»display: none;»>Contenido
oculto</div>




Para colocar una imagen en vez de los signos mas/menos intercalas este c??digo: 

dijo:
<img src=»URL de la imagen» />


No Comments Found