Переключить блок в 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

Что-то, как это должно работать:

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

Answer 2

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

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

Answer 3

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

Или, если вы хотите раздвижную тумблер попробовать:

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

Answer 4

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

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