jquery - 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... -->

我想slideToggle对每个特定标题的内容使用 jquery。即：点击 id="t2"，我想要 "c2" 来切换。

感谢您的建议或代码！

Answer 1

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

jsFiddle 示例

Answer 2

改为为您的 h1 使用 class ，因为它更适合您的要求..

然后试试这个：

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