slideDown does not slide correctly on dinamically created layers

[elboletaire]

When I try to do this:

var div = $(document.createElement("div")).hide().text("Here comes the text").slideDown(); $("#UserField").parent().after(div);

The slideDown effect does not work propperly. It works if I change the effect for a fadeIn effect or if I do this:

var div = $(document.createElement("div")).hide().text("Here comes the text"); $("#UserField").parent().after(div); div.slideDown();

[elboletaire]

Here are the tests:

​http://jsfiddle.net/pvmGU/8/

[john]

I'm a little bit confused: Why would you start sliding down a div that isn't in the page? There are going to be all sorts of problems with that - namely problems with determining how tall to make the div. You should definitely start sliding it down after inserting the div.