JQuery содержание тумблер заголовком

Question

на следующий HTML:

<h1 id="t1">First Title</h1> 
<p class="contents" id="c1">First Content</p> 

<h1 id="t2">Second Title</h1> 
<p class="contents" id="c2">Second Content</p> 

<h1 id="t3">Third Title</h1> 
<p class="contents" id="c3">Third Content</p> 

<!-- etc... --> 

Я хотел бы использовать JQuery для slideToggle содержимого для каждого конкретного заголовка. Т.е.: нажав на id = "t2", мне бы хотелось переключиться на «c2».

Спасибо за ваши предложения или код!

Answer 1

$('h1').click(function(){ 
    $(this).next().slideToggle(); 
}); 

jsFiddle example

Answer 2

использовать класс для h1 вместо этого, так как он подходит гораздо лучше в вашем требовании ..

попробуйте следующее:

$('h1.h1class').click(function() { $(this).next('p.contents').slideToggle(500); });