JQuery to fade into .after ()?

Question

Simple but can't make it work, here is my script ...

$('body').after('<div id="lightBox" style="height: ' + htmlHeight + 'px;"></div>'); 

How can I make it disappear, and not just pop up? put fadeIn() after or before .after() doesn't work?

Answer 1

 $('body').after('<div id="lightBox" style="height: ' + htmlHeight + 'px; display:none;"></div>'); $('#lightBox').fadeIn(); 

Answer 2

 $('body').after('<div id="lightBox" style="height: ' + htmlHeight + 'px;"></div>'); $("#lightBox").hide().fadeIn(); 

He hides it and then disappears in

Answer 3

Shortcut:

 $('body').after($('<div id="lightBox" style="height: ' + htmlHeight + 'px;"></div>').hide().fadeIn());