Переключить блок в JQuery

Question

Я бы хотел щелкнуть ссылку на заголовок, чтобы блок находился непосредственно под скрытием или отображением (с помощью slideToggle)

Спасибо

<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

Попробуйте это:

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

Answer 2

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

Этот код может помочь решить вашу проблему.

Answer 3

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

Или, если вы хотите скользящий тумблер, попробуйте:

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

Answer 4

Примерно так должно работать:

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