Jquery исчезать в .after ()?

Question

Действительно просто, но не могу заставить его работать, вот мой сценарий ...

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

Как я могу заставить его исчезать, а не просто всплывать?поставить fadeIn() после или до .after() не работает?

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

Это скрывает это и затем исчезает в

Answer 3

Короткий путь:

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