javascript - ejemplos - ¿JQuery fadeIn() en la creación del elemento DOM?

jquery animate opacity

Question

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

Intento esto:

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

pero esto no funciona, ya que .after (myDiv) lo hace emerger inmediatamente. ¿Alguna solución? ¡Gracias!

Answer 1

Agrégalo con una clase que está oculta al comienzo.

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

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

Answer 2

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