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