javascript - divのjqueryスライドダウン1要素

Question

私はこのようなdivを持っています:

<div>
  <font class='slideclick'>Click here to slidedown dynamic content</font>
  <div class='slidedownonclick'> This is the content that slides down </div>
</div>

「slideclick」がクリックされると、Jqueryは「slidedownonclick」をスライドダウンにトリガーします。これはうまく機能しますが、mysqlデータベースから、同じWebページでこれらのdivが繰り返し発生することに不明確な量があります。それらに一意の ID を与えることは不可能です。クリックしたときにスライドダウンするそれぞれの「slideclick」と同じdivで「slidedownonclick」のみを取得する方法はありますか。

どんな助けでも大歓迎です、

ありがとう、

score 1 · Accepted Answer

ハンドラーでは、.slideclickその兄弟が次のように見つかります。

$(this).find('+ .slidedownonclick');

また：

$(this).next('.slidedownonclick');

score 1 · Accepted Answer

これは、クリックすると次の.slidedownonclickdiv を下にスライドします。.slideclick

$('.slideclick').click(function() {
    $(this).next('.slidedownonclick').slideDown();
});

score 0 · Accepted Answer

$('.slideclick').click(function() {
 $(this).next('.slidedownonclick').animate({
    height: '+=50'
  }, 1000);
});

score 0 · Accepted Answer

jQuery. next()について確認してください。それはあなたが望むものです。
それを使用すると、クラス/ID がセレクターである次の兄弟を取得できます。
編集済み:

jQuery 1.6.4 まで

   jQuery(document).delegate('font.slideclick', 'click', function() {
        jQuery(this).next('slidedownonclick').slideToggle();
    });

jQuery 1.7 +

jQuery(document).on('click', 'font.slideclick', function() {
    jQuery(this).next('slidedownonclick').slideToggle();
});

javascript - divのjqueryスライドダウン1要素

4 に答える 4

Related

Reference