Question

I’m trying to do the following method chain:

$(somehtml).insertAfter("#someelement").fadeIn('slow');

What I would like to happen is for the somehtml to be added but with the fadeIn effect.

However, this is not happening at all in my browser, it’s just adding the contents as if the fadeIn wasn’t even there.

Am I doing the chaining incorrectly?

Answer 1

Probably because the element is already visible at that point, and there’s nothing to fade in. Try hiding it after it was created, and then fading it in:

$(somehtml).hide().insertAfter("#someelement").fadeIn('slow');