jQuery Accordion Plugin: removeClass('selected')
<p>I am using the Accordion menu to filter a data table.  The menu contains two filters, with multiple options under each.  You can only have ONE filter selected at a time.  If you click between the two options under the first filter, the style class, 'selected' is added and removed without a problem.  If you click an option under the second filter though, it DOESN'T remove the 'selected' class from the first filter.  Any help would be appreciated.  Thank you.</p>

<pre><code>&lt;script src="http://code.jquery.com/jquery-1.4.2.js" type="text/javascript"&gt;&lt;/script&gt;
&lt;script src="http://jquery.bassistance.de/accordion/jquery.accordion.js" type="text/javascript"&gt;&lt;/script&gt;


&lt;div&gt;
&lt;script type="text/javascript"&gt;
// &lt;![CDATA[
jQuery.noConflict();
jQuery(document).ready(function(){
    jQuery('#navigation').accordion({active: 'h3.selected', header: 'h3.head', autoheight: false, });
    jQuery('.xtraMenu').accordion({active: 'h4.selected',header: 'h4.head', autoheight: false, });

});
// ]]&gt;
&lt;/script&gt;

&lt;style type="text/css"&gt;
h3, h4 {font-weight: normal}
h3.selected, h4.selected {font-weight:bold;}
&lt;/style&gt;
&lt;ul class="basic" id="navigation"&gt;
&lt;li&gt;
  &lt;h3 class="head"&gt;&lt;a href=""&gt;Filter by Organization&lt;/a&gt;&lt;/h3&gt;
  &lt;ul&gt;
    &lt;li&gt;
      &lt;ul class="xtraMenu basic"&gt;
        &lt;li&gt;
          &lt;h4 class="head"&gt;&lt;a href=""&gt;Association&lt;/a&gt;&lt;/h4&gt;
        &lt;/li&gt;
        &lt;li&gt;
          &lt;h4 class="head"&gt;&lt;a href=""&gt;Business&lt;/a&gt;&lt;/h4&gt;
        &lt;/li&gt;
      &lt;/ul&gt;
    &lt;/li&gt;
  &lt;/ul&gt;
&lt;/li&gt;
&lt;li&gt;
  &lt;h3 class="head"&gt;&lt;a href=""&gt;Filter by Type&lt;/a&gt;&lt;/h3&gt;
  &lt;ul&gt;
    &lt;li&gt;
      &lt;ul class="xtraMenu basic"&gt;
        &lt;li&gt;
          &lt;h4 class="head"&gt;&lt;a href=""&gt;Basic&lt;/a&gt;&lt;/h4&gt;
        &lt;/li&gt;
        &lt;li&gt;
          &lt;h4 class="head"&gt;&lt;a href=""&gt;Advanced&lt;/a&gt;&lt;/h4&gt;
        &lt;/li&gt;
      &lt;/ul&gt;
    &lt;/li&gt;
  &lt;/ul&gt;
&lt;/li&gt;
&lt;/ul&gt;
&lt;/div&gt;
</code></pre>
