Question

I have an element $el1 which I would like to append to $el2 by fading in. This is my current code:

$el1
    .css('display', 'none')
    .appendTo($el2)
    .fadeIn(300);

I find the above terribly awkward. I would much prefer something along the lines of

$el1.fadeIn(300, $el2);

Is there a better way of doing this?

Answer 1

You can shorten it a little…

$el2.append($el1.hide().fadeIn(300));