title: Using jquery, how to I animate adding a new list item to a list?
body: <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>