JQuery fadeIn() khi tạo thành phần DOM?

Question

Làm cách nào để tạo phần tử DOM trong JQuery và làm mờ phần tử đó để hiển thị, thay vì hiển thị phần tử đó ngay lập tức?

tôi cố gắng này:

var myDiv = "<div>Hello!</div>" 
$("somePlace").after(myDiv).fadeIn('fast'); 

nhưng điều này không làm việc, kể từ khi .Sau (myDiv) làm cho nó bật lên ngay lập tức. Bất kỳ giải pháp? Cảm ơn!

Answer 1

$("<div>Hello</div>").hide().appendTo("somePlace").fadeIn("fast"); 

Answer 2

Thêm nó bằng một lớp ẩn lúc đầu.

<style> 
.hidden { 
    display:none; 
} 
</style> 

<div class="hidden"> 
Won't be seen. 
</div>