jquery animated menu: how to get active state
<p>please can you help a jquery beginner out? I don't really know how to go ahead...</p>

<p>I did a jquery animated menu: <a href="http://bern09.ch/j04_test" rel="nofollow">look at this</a>. the content loads with ajax, so there's not really a page load.</p>

<p>now i have to do the active item part. to give a clicked item a class "on", I did this:</p>

<pre><code>$navig.click(function() {
    $(this).addClass("on");
    $navig.not(this).removeClass("on");
})
</code></pre>

<p>the item with class "on" has to:</p>

<ul>
<li>animate to active state (similar to the mouseover state), and keep this</li>
<li>other items has to animate back to the normal state (when class "on" is removed)</li>
<li>if you click on a sub item, the parent item has to animate to active state</li>
</ul>

<p>any ideas how to solve it?</p>
