how to addclass when tab is selected and remove all other classes in li elements
<p>I'm using a idTabs to build a tab menu and i'm almost there.
But how can i add a class when a tab is selected to the li element <strong>class=current</strong>(which is the parent) if the  anchor is class =SELECTED.
And when the class in the anchor is SELECTED and element li class is CURRENT i want to remove the current from all other li element</p>

<p>Thanks in advance</p>

<p>
$(document).ready(function(){
$("#outer ul").idTabs();
});</p>

<pre><code>&lt;div id="outer"&gt;
&lt;ul class="tabby"&gt;
    &lt;li&gt;&lt;a href="#Home" class="selected"&gt;Home&lt;/a&gt;&lt;/li&gt;
    &lt;li&gt;&lt;a href="#NewPages"&gt;NewPages&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
</code></pre>

<p><br></p>

<pre><code>&lt;div id="NewPages" style="display: none;"&gt;
    &lt;ul id="subby_NewPages"&gt;
        &lt;li&gt;
        &lt;a href="" class="selected"&gt;
        &lt;b&gt;Plans&lt;/b&gt;&lt;/a&gt;&lt;/li&gt;
        &lt;li&gt;
        &lt;a href=""&gt;
        &lt;b&gt;Process&lt;/b&gt;&lt;/a&gt;&lt;/li&gt;
        &lt;li&gt;
        &lt;a href=""&gt;
        &lt;b&gt;Stores &lt;/b&gt;&lt;/a&gt;&lt;/li&gt;
    &lt;/ul&gt;
&lt;/div&gt;

&lt;div id="Home" style="display: block;"&gt;
    &lt;ul id="subby_Home"&gt;
        &lt;li&gt;
        &lt;a href="" class="selected"&gt;
        &lt;b&gt;Retail&lt;/b&gt;&lt;/a&gt;&lt;/li&gt;
    &lt;/ul&gt;
&lt;/div&gt;
</code></pre>
