MT : Efeito revelar/esconder conteúdo no post

Leiam a minha 1ª entrevista, gostei muito de fazê-la. Cliquem

Olá, trago mais um tutorial, o efeito revelar/esconder conteúdo no post, se quiserem ver como é cliquem. Créditos ao JD e ao MG.

Se gostaste do efeito e queres metê-lo, vai ao html, marca a opção "Expandir modelos de widgets", dá ctrl + f e procura por </b:skin>. Cola o código acima dessa tag :

#box-toggle {

margin:0 auto;

}

#box-toggle .tgl {

margin-bottom:20px;

}

#box-toggle span {

display:block;

cursor:pointer;

font-weight:bold;

font-size:14px;   /* edite fonte */

color:#3D81EE;    /* edite cor do link */

margin-top:15px;

} 

Agora procura a tag </head> e cola o código acima dela :

<!--ScriptjQuery Toggle revelar esconder Inicio -->

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>

<script type="text/javascript">

jQuery.fn.toggleText = function(a,b) {

return this.html(this.html().replace(new RegExp("("+a+"|"+b+")"),function(x){return(x==a)?b:a;}));

}

$(document).ready(function(){

$('.tgl').before('<span>[Ver Conteúdo]</span>');

$('.tgl').css('display', 'none')

$('span', '#box-toggle').click(function() {

$(this).next().slideToggle('slow')

.siblings('.tgl:visible').slideToggle('fast');

$(this).toggleText('Revelar','Esconder')

.siblings('span').next('.tgl:visible').prev()

.toggleText('Revelar','Esconder')

});

})

</script>

<!--ScriptjQuery Toggle revelar esconder Final--> 

Salva. Cada vez que quiseres utilizar este efeito no post, tens que colocar o seguinte código na aba html :

<div id="box-toggle">

<div class="tgl">

Coloque aqui o conteúdo que ficará Oculto

</div>

</div> 

Depois voltas para a parte de escrever e continuas o teu post... qualquer dúvida, perguntem. Bye bye !