Slide toggle for multiple ID
<p>I wanted to slide down(or up) all of the #bu2 ids whenever the user clicked #bu id. However, When i clicked #bu, only "First" is showing up. The code:</p>

<pre><code>$("#bu2").slideToggle("slow");

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

<p>I recognized that I needed a loop for that. Then, I have tried 
$next("#bu2").slideToggle("slow");
but it did not solve it. How can i make it slide up or down by using ids, without including "sliding-element" class in the process and declaring "Second" and "Third" as different ids?<br>
Thanks  </p>
