jquery - ボタンをクリックすると、最も近い特定のクラスを選択します

Question

最近、ほぼ同じ質問をしましたが、これには少しひねりが加えられているため、前の質問の回答が機能せず、コメントに対する回答が得られません。

タイトルの通り、button1 をクリックしたときに一番近い divtoexpand クラスを選択したいです。

<div class="test">
    <div class="menu">
        <div class="button1"></div>
    </div>
</div>
<div id="THETWIST"></div>
<div class="divtoexpand"></div>

<div class="test">
    <div class="menu">
        <div class="button1"></div>
    </div>
</div>
<div id="THETWIST"></div>
<div class="divtoexpand"></div>

古いコード:

$('.button1').on('click', function() {
  $(this).closest('div.test').next('div.divtoexpand').slideDown();
});

テスト div と divtoexpand の間に div がある場合、これは機能しません。

助言がありますか？

Answer 1

の祖先に.divtoexpand続くが必要であると仮定すると、.button1ほぼ完了です。

$('.button1').on('click', function() {
    $(this).closest('.test').nextAll('.divtoexpand').first().slideDown();
});

Answer 2

試す：

$(this).parent().parent().next().next('.divtoexpand').slideDown();

デモを見る

Answer 3

変化する

$(this).closest('div.test').next('div.divtoexpand').slideDown();

に

$(this).closest('div.test').nextAll('div.divtoexpand').slideDown();

参照