SlideDown div，直到找到另一个类的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() - DEMO

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

Answer 2

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

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();       
 }
});