Toggle elements with class except for $(this).next()
<p>I am trying to create an accordion effect with a nested unordered list.</p>

<pre><code>&lt;script&gt;
$(document).ready(function(){
    $('a').click(function(){
        $('.open').toggle();
        active = $(this).next().toggle();
        active.addClass('open');
    });
});
&lt;/script&gt;
</code></pre>

<p>With the above code I know that it closes everything with a class of "open", and I know why, but I wish to add code to skip over the element indicated in the variable "active". </p>

<p>Here's my full code if that helps:</p>

<pre><code>&lt;style&gt;

ul {
    display:none;
}


&lt;/style&gt;


&lt;script&gt;
$(document).ready(function(){
    $('a').click(function(){
        $('.open').toggle();
        active = $(this).next().toggle();
        active.addClass('open');
    });
});
&lt;/script&gt;


&lt;a href="#" id="toggle"&gt;toggle menu&lt;/a&gt;
&lt;ul id="menu"&gt;
&lt;li&gt;
    &lt;a href="#"&gt;cool 1&lt;/a&gt;
    &lt;ul&gt;
        &lt;li&gt;&lt;a href="#"&gt;cool 1&lt;/a&gt;
            &lt;ul&gt;
                &lt;li&gt;hey 1&lt;/li&gt;
                &lt;li&gt;hey 2&lt;/li&gt;
            &lt;/ul&gt;
        &lt;/li&gt;
        &lt;li&gt;&lt;a href="#"&gt;cool 2&lt;/a&gt;
            &lt;ul&gt;
                &lt;li&gt;hey 1&lt;/li&gt;
                &lt;li&gt;hey 2&lt;/li&gt;
            &lt;/ul&gt;
        &lt;/li&gt;
        &lt;li&gt;&lt;a href="#"&gt;cool 3&lt;/a&gt;&lt;/li&gt;
    &lt;/ul&gt;
&lt;/li&gt;
&lt;li&gt;&lt;a href="#"&gt;cool 2&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;
    &lt;a href="#"&gt;cool 3&lt;/a&gt;
    &lt;ul&gt;
        &lt;li&gt;&lt;a href="#"&gt;cool 1&lt;/a&gt;
            &lt;ul&gt;
                &lt;li&gt;hey 1&lt;/li&gt;
                &lt;li&gt;hey 2&lt;/li&gt;
            &lt;/ul&gt;
        &lt;/li&gt;
        &lt;li&gt;&lt;a href="#"&gt;cool 2&lt;/a&gt;&lt;/li&gt;
        &lt;li&gt;&lt;a href="#"&gt;cool 3&lt;/a&gt;&lt;/li&gt;
    &lt;/ul&gt;
&lt;/li&gt;
&lt;/ul&gt;
</code></pre>
