JQuery fadeIn() en la creación de elementos DOM?

Question

¿Cómo creo un elemento DOM en JQuery y lo desvanezco para que aparezca, en lugar de mostrarlo inmediatamente?

de que este intento:

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

pero esto no funciona, ya que el .after (myDiv) hace que sea popup inmediatamente. Alguna solución? ¡Gracias!

Answer 1

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

Answer 2

Agréguelo con una clase que está oculta al principio.

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

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