jquery - 別のクラスの div が見つかるまで div を SlideDown

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 をクリックすると、次の 3 つ (または任意の数) の div のみがスライドしてコンテンツを表示することです。ユーザーが2 番目の 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>