bloc bascule dans jQuery

Question

Je voudrais cliquer sur un lien d'en-tête et que le bloc directement au-dessous afficher ou de masquer (avec slideToggle)

Merci

<div class='header'><a href='#'>Header</a></div> 

<div class='block'> 
<div class='test>Some Text</div> 
<div class='test>Some Text</div> 
<div class='test>Some Text</div> 
</div> 

<div class='header'><a href='#'>Header</a></div> 

<div class='block'> 
<div class='test>Some Text</div> 
<div class='test>Some Text</div> 
<div class='test>Some Text</div> 
</div> 

<div class='header'><a href='#'>Header</a></div> 

<div class='block'> 
<div class='test>Some Text</div> 
<div class='test>Some Text</div> 
<div class='test>Some Text</div> 
</div> 

Answer 1

Quelque chose comme cela devrait fonctionner:

$("DIV.header A").click(function(){$(this).parent().next().slideToggle();}); 

Answer 2

Essayez ceci:

$(function(){ 
    $('.header a').click(function(){ 
    $(this).parent().next().slideToggle(); 
    }); 
}); 

Answer 3

$(function() 
{ 
    $(".header").click(function() 
    { 
     $(this).next().toggle(); 
    }); 
}); 

Ou si vous voulez essayer de glisser bascule:

$(function() 
{ 
    $(".header").click(function() 
    { 
     $(this).next().slideToggle(); 
    }); 
}); 

Answer 4

$('.header').click(function(){ 
    $(this).next(".block").slideToggle("slow", function(){ 
     $(".block").not(this).slideUp("slow"); 
    }); 
}); 

Ce code peut aider à résoudre votre problème.