jquery - SlideDown divs 直到找到另一个类的 div

Question

我有这样的代码：

<div class="clickme">some text</div>
<div class="slide">slide</div>
<div class="slide">slide</div>
<div class="slide">slide</div>
<div class="clickme">some text</div>
<div class="slide">slide</div>

带有类幻灯片的 div 是隐藏的，我想要做的是，如果用户单击 div clickme，则只有接下来的三个（或任意数量）的 div 会向下滑动以显示内容，如果用户单击第二个 clickme div。

我无法更改 html，所以我认为 jQuery 可能是我的解决方案。

Answer 1

你需要.nextUntil()-演示

$(".clickme").on("click", function() {
    $(this).nextUntil(".clickme").slideToggle();
})​;

Answer 2

在这个小提琴中使用slideToggle和喜欢：http: //jsfiddle.net/Cvx9s/next

html

<div class="clickme">some text</div>
<div class="slide">slide</div>
<div class="slide">slide</div>
<div class="slide">slide</div>
<div class="clickme">some text</div>
<div class="slide">slide</div>​

js

$('.slide').hide();
$('.clickme').click(function(){
 var tar = $(this).next();
 while(tar.hasClass('slide')){
  tar.slideToggle();
  tar = tar.next();       
 }
});

​</p>