Using jquery, how to I animate adding a new list item to a list?
<p>I have a simple javascript function that allows me to add an item to a list. Note that I use JQuery...</p>

<pre><code>function prependListItem(listName, listItemHTML)
{
    //Shift down list items...
    $("#" + listName + " li:first").slideDown("slow");

    //Add new item to list...
    $(listItemHTML).prependTo("#" + listName)  
}
</code></pre>

<p>The 'listName' is simply an <code>&lt;ul&gt;</code> with some <code>&lt;li&gt;</code>'s.</p>

<p>The prepending works fine, but I can't get the slideDown effect to work. I would like the list items to slide down and the new item to then appear on top. Any ideas how to accomplish this? I'm still new to JQuery...</p>
