toggle jQuery

Mostrar e esconder conteúdo

by Jairo Fontes

HTML

<button class="botao">ok</button>
<div class="teste">1º Teste de um conteúdo qualquer dentro da div conteudo</div>

<button class="botao">ok</button>
<div class="teste">2º Teste de um conteúdo qualquer dentro da div conteudo</div>

CSS

.teste{
    height:100px;
    width:100px;
    background:#3D6691;  
    padding:10px;
    color:#FFF;
}

JavaScript

$('.teste').css('display', 'none');

$(".botao").click(function() {
    $(this).next(".teste").toggle("fast");
});