javascript - 在 JQuery 中查找下一个带有类的 div

Question

我正在创建多个切换，但是，名为“slide-tips”的切换 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>

Answer 1

你要：

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

演示：http: //jsfiddle.net/wzCA7/