help with jquery dropdown
<p>I am using simple jquery code to make drop down navigation, but its not giving expected results...</p>

<p><strong>jquery code</strong></p>

<pre><code>$(function() {
    $('.nav li').hover(function () {
            $('ul', this).slideDown(100);
        }, function () {
            $('ul', this).slideUp(100);     
        });
});
</code></pre>

<p><strong>html code</strong></p>

<pre><code>&lt;ul class="nav radius clearfix"&gt;
    &lt;li&gt;&lt;a href="#"&gt;Dashboard&lt;/a&gt;&lt;/li&gt;
    &lt;li&gt;&lt;a href="#"&gt;Projects&lt;/a&gt;
        &lt;ul class="radius"&gt;
            &lt;li&gt;&lt;a href="#"&gt;Recent Projects&lt;/a&gt;&lt;/li&gt;
            &lt;li&gt;&lt;a href="#"&gt;Archive Projects&lt;/a&gt;&lt;/li&gt;
            &lt;li&gt;&lt;a href="#"&gt;New Project&lt;/a&gt;&lt;/li&gt;
        &lt;/ul&gt;
     &lt;/li&gt;
     &lt;li&gt;&lt;a href="#"&gt;Messages&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
</code></pre>

<p>Please check and let me know what's i am missing. thanks.</p>
