0

複数のトグルを作成していますが、「スライド ヒント」という名前のトグル div は、「トグル」がクリックされた div の外にあります。私がやろうとしているのは、次の「スライド ヒント」を見つけて、それを切り替えることです。

元のコード:

$(document).ready(function(){
  var $content = $(".slide-tips").hide();
  $(".toggle").bind("click", function(e){
    $(this).toggleClass("expanded");
    $(this).next().slideToggle();
  });
});

に変更$(this).next().slideToggle();しまし$(this).next().find('.slide-tips:first').slideToggle();たが、運がありません。

Html は次のとおりです。

<div id="content">
  <div class="toggle">Expand</div>
</div>
<div class="slide-tips">First tip content
</div>

<div id="content">
  <div class="toggle">Expand</div>
</div>
<div class="slide-tips">Second tip content
</div>
4

1 に答える 1

1

あなたがしたい：

$(this).parent().next(".slide-tips").slideToggle();

デモ: http://jsfiddle.net/wzCA7/

于 2013-07-08T00:27:50.767 に答える