How do I select siblings() of multiple elements?
<p>Say I have a <code>&lt;dl&gt;</code> with all the <code>&lt;dd&gt;</code>s hidden. Clicking on a <code>&lt;dt&gt;</code> toggles the <code>&lt;dd&gt;</code>s that follow it using the following code:</p>

<pre><code>$(this).nextUntil('dt').toggle();
</code></pre>

<p><a href="http://jsfiddle.net/mblase75/FZQj7/" rel="nofollow">http://jsfiddle.net/mblase75/FZQj7/</a></p>

<p>Now, I want to automatically hide the <code>&lt;dd&gt;</code>s following the other <code>&lt;dt&gt;</code>s, so I try to grab the siblings with this code:</p>

<pre><code>$(this).nextUntil('dt').toggle()
    .siblings().filter('dd').hide();
</code></pre>

<p><a href="http://jsfiddle.net/mblase75/FZQj7/1/" rel="nofollow">http://jsfiddle.net/mblase75/FZQj7/1/</a></p>

<p>But nothing happens, because each <code>&lt;dd&gt;</code> I've already selected with <code>.nextUntil</code> is a sibling to each other. As a result, they're all hidden and nothing gets shown.</p>

<p>There must be a compact way to tell jQuery to select all the siblings EXCEPT those I've already selected, but I can't see it. Ideas?</p>
