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); });