JQuery选择以下每个类实例的div

Question

我有几个h1＆s，下面有一个div。有没有办法在h1之后只选择div？我现在拥有的代码使用可点击的类来切换所有div。

JQuery的

$(".clickable").click(function() {
    $(".clickable + div").slideToggle(1000);
});

HTML

<h1 class="clickable">HTML/CSS</h1>
<div class="hidden">
    <p>Here are my examples</p>
    <p>Here are my examples</p>
</div>

Answer 1

next可以随心所欲：

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

Answer 2

你需要这个 -

$(".clickable").click(function() {
    $(this).next('div.hidden').slideToggle(1000);
});

Answer 3

使用$(this)来引用您点击的H1。通过在单击处理程序中使用$(".clickable + div")，您可以引用所有H1的子节点。通过在事件处理程序中使用$（this），您只需单击一个。

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

<强> jsFiddle example