jQuery UI: - Switch Class but add a hover effect?
<p>I have the following jQuery code to add a class to "p" tags within an "li" when you hover over them... but how can i make this more interesting by adding a transition effect rather than just a straight switch?</p>

<p>code:</p>

<pre><code>$(document).ready(function() {
    $('li').hover(function() {
        $('p', this).toggleClass('hovered');
    });
});
</code></pre>
