複数のIDのスライド切り替え

Question

ユーザーが#bu idをクリックするたびに、すべての＃bu2 idsをスライド（または上に移動）したいと考えました。しかし、#buをクリックすると、「First」だけが表示されます。コード：

私はそのためにループが必要であると認識しました。次に、私は試しました $（ "＃bu2"）。slideToggle（ "slow"）; しかし、それはそれを解決しませんでした。どのようにして、プロセスで「スライド要素」クラスを使用せずに、「Second」と「Third」を異なるIDとして宣言することなく、IDを使用してスライドを上下にスライドさせることができますか？
ありがとう

Answer 1

に行くことができます。

はこれを試してみてください：

$(".bu2").slideToggle("slow"); 

<li class="sliding-element" id="bu">clickMe</li> 
<li class="sliding-element bu2" style="display:none;">First</li> 
<li class="sliding-element bu2" style="display:none;">Second</li> 
<li class="sliding-element bu2" style="display:none;">Third</li> 

か、1 ulの中のすべての '李' の要素をスライドにしたい場合は、この：

$("ul#foo li").slideToggle("slow");   

<ul id="foo"> 
    <li>First</li> 
    <li>Second</li> 
</ul> 

Answer 2

ユニークでないもののクラスを使用します。また<li> sが唯一しなければならず、内部のあなたが同じIDを持つ複数の要素を持つべきではありません<ul>の

$("#bu").click(function(){ 
    $('.bu2').slideToggle("slow"); 
}) 

<ul class="sliding-element" id="bu">clickMe 
    <li class="sliding-element bu2" style="display:none;">First</li> 
    <li class="sliding-element bu2" style="display:none;">Second</li> 
    <li class="sliding-element bu2" style="display:none;">Third</li> 
</ul>