jQuery Prepending a DIV by sliding it down.

Question

Hello I have the following:

$('#container').prepend("<ul><li>Stuff</li></ul>').hide().slideDown();

I want the NEW UL to slide Down. but the above is sliding down the entire #container..

How can I prepend an item to the top, and then slide it down.. Kinda like how Twitter used to show you your new tweet.

Thank you.

Answer 1

You can try using this syntax instead:

$('<ul><li>Stuff</li></ul>').prependTo('#container').hide().slideDown();

Of course, if you're using a list like that it might be useful to construct it element by element like this:

var ul = $('<ul />').prependTo('#container');
$('<li />').appendTo(ul).text('Incoming!').hide().slideDown();