Does chaining in jQuery work with manipulation and effect methods?

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');

Answer 2

Alec was on the right track, but you're going to get a flash of the element doing it the way he's demonstrating.

This is a much better way of doing the same thing:

$('<div />', {
  text: "Your Text",
  css: {
    display: "none"
  }
}).appendTo('body').fadeIn('slow');