slideDown() in jquery
<p>I want a simple effect of slide up and down. I'm new to jquery and I tried th following code, but it's not working</p>

<pre><code>&lt;script&gt;
$(document).ready(function() {
    $('#fade li:first-child').css('display','none');
    $('#fade li:second-child').click(function() {
        $('#fade li:first-child').slideDown();          
    })  
})
&lt;/script&gt;
</code></pre>

<p>Html</p>

<pre><code>&lt;ul id="fade"&gt;
  &lt;li&gt;one&lt;/li&gt;
  &lt;li&gt;two&lt;/li&gt;
  &lt;li&gt;three&lt;/li&gt;
&lt;/ul&gt;
</code></pre>

<p>Please help, thanks</p>
