javascript - フェードインする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());