Hide all previously toggled elements
<p>I have a sidebar menu that opens and closes hidden parts of the page through jQuery.  The link both fades the hidden content and also adds and removes a class to the link.  So for example the html / css</p>

<pre><code>&lt;ul&gt;
&lt;li&gt;&lt;a class="linkOne" href="#"&gt;Link One&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a class="linkTwo" href="#"&gt;Link Two&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;

&lt;div class="linkOneBox"&gt;Stuff&lt;/div&gt;
&lt;div class="linkTwoBox"&gt;Stuff&lt;/div&gt;

&lt;style type="text/css"&gt;
.linkOneBox,.linkTwoBox {display:none}
.current {background: #fff}
&lt;/style&gt;
</code></pre>

<p>and the jQuery something like.. </p>

<pre><code>$('.linkOne').click(function() {
    $('.linkOneBox').fadeToggle();
    $(this).toggleClass('current'); 
    return false; 
    });
</code></pre>

<p>Anyways.. my question is, since i am using toggle, what is the best way to have all of the other toggles that were left open reset to off? How would I have it so that clicking a new link also hides all of the previously opened windows and removes the .current ?  </p>
