在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/