0

私はそれらの下にdivを持ついくつかのh1を持っています。h1の直後のdivのみを選択する方法はありますか? 私が今持っているコードは、クリック可能なクラスですべてのdivをslideTogglesします。

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>
4

3 に答える 3

3

nextあなたが望むすべてを行います:

$(".clickable").click(function() {
    $(this).next().slideToggle(1000);
});
于 2013-06-10T21:14:59.540 に答える
1

あなたはこれを必要とします -

$(".clickable").click(function() {
    $(this).next('div.hidden').slideToggle(1000);
});
于 2013-06-10T21:15:12.020 に答える
0

$(this)クリックしている H1 を参照するために使用します。クリック ハンドラー内で使用することにより$(".clickable + div")、任意の H1 の子であるすべての div を参照します。イベント ハンドラ内で $(this) を使用すると、クリックされたものだけを参照できます。

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

jsFiddle の例

于 2013-06-10T21:15:57.350 に答える