.slideDown() Doesn't Seem To Work
<p>JQuery's <a href="http://api.jquery.com/slideUp/" rel="nofollow"><b>.slideUp()</b></a> doesn't work after <a href="http://api.jquery.com/append/" rel="nofollow"><b>.append()</b></a> is used to append value of textarea to the div. <br/><br/><b>HTML:</b></p>

<pre><code>&lt;html&gt;
    &lt;body&gt;
        &lt;div id="cont"&gt;
            &lt;textarea id="txt"&gt;&lt;/textarea&gt;
            &lt;button onclick="click()"&gt;Click&lt;/button&gt;
        &lt;/div&gt;
    &lt;/body&gt;
&lt;/html&gt;
</code></pre>

<p><br/>
<b>JavaScript:</b></p>

<pre><code>function click(){
    var txt = $('#txt').val();
    var html = document.createElement('div');
    $(html).hide().html(txt);
    $('#cont').append(html);
    $(html).slideUp(500);
}
</code></pre>

<p>I can't figure out what the problem is because when I used <b>.show()</b> instead of <b>.slideUp()</b> it works fine.</p>
