Esse é o código em javascript da função que estou fazendo:
<script type="text/javascript" src="js/jquery.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(){
$('.tgl1').before('<span class="perguntas"> Porque devo atodar essa categoria de site?</span>');
$('.tgl1').css('display', 'none')
$('span', '#box-toggle1').click(function() {
$(this).next().slideToggle('slow')
.siblings('.tgl1:visible').slideToggle('fast');
$(this).toggleText('Revelar','Esconder')
.siblings('span').next('.tgl1:visible').prev()
.toggleText('Revelar','Esconder')
});
})
</script>
Aqui a outra parte em html:
<div id="box-toggle1">
<div class="tgl1">
<p>Teste teste teste teste teste teste teste teste teste teste teste teste teste teste teste teste teste teste teste teste teste teste teste teste teste teste teste teste teste teste teste teste teste teste teste teste teste teste</p>
</div>
</div>
Essa função faz com que um link oculte um texto ao clicar, mas quando eu passo o mouse na palavra que oculta o texto não aparece a "mãozinha" do mouse, o que fazer?