Efeito toogle

[terra 1]

olá,

 

então, estou precisando fazer o seguinte, peguei o codigo na net e estou tentando adaptar ao que preciso.

 

Eu quero que fique visivel a TG1 e quando clicar em mostrar + cat, o TG2 é mostrado e o TG1 escondido.

 

tem como? segue o codigo

 

 

 

 

<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>Mostra + Cat</span>');

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

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

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

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

// aqui começa o funcionamento do plugin

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

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

.toggleText('Revelar','Esconder')

});

})

$(document).ready(function(){

$('.tg2').before('<span>Esconder - Cat</span>');

$('.tg2').css('display', 'yes')

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

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

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

// aqui começa o funcionamento do plugin

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

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

.toggleText('Revelar','Esconder')

});

})

</script>

<div id="box-toggle"><div class="tgl">   <h2>Conteúdo um</h2>   <p>Lorem ipsum dolor sit amet, consectetuer...</p></div><div class="tg2">   <h2>Conteúdo dois</h2>   <p>Lorem ipsum dolor sit amet, consectetuer...</p></div>

</div>

valeu

[matthee 3]

Bom dia, para isso você vai ter de utilizar o evento onclick, está utilizando jQuery certo? Se sim utilize o efeito click, ou se quiser efeitos,

http://www.w3schools.com/jquery/jquery_ref_effects.asp < vai ter o que você precisar sobre jQuery, se for utilizar somente o evento de click utilize somente javascript.

[terra 1]

Olá.

 

Obrigado pela resposta. Sem querer abusar, abusando, poderia me ajudar de forma mais explicita com exemplos, não manjo nada disso.

O codigo acima dá pra fazer o que quero?

 

 

Valeu