Añadir un elemento con efecto de fundido [jQuery]

Question

var html = "<div id='blah'>Hello stuff here</div>" 

$("#mycontent").append(html).fadeIn(999); 

Esto no parece funcionar.

Solo quiero un efecto genial cuando el contenido se anexa.

Nota: Quiero que el nuevo div "blah" se desvanezca, no el "contenido completo" completo.

Answer 1

$(html).hide().appendTo("#mycontent").fadeIn(1000); 

Answer 2

La adición de un poco más de información:

jQuery implementos "método de encadenamiento", que significa que puede método de la cadena de llamadas en el mismo elemento. En el primer caso:

$("#mycontent").append(html).fadeIn(999); 

que estaría aplicando la llamada fadeIn al objeto que es el objetivo de la cadena método, en este caso #mycontent. No es lo que quieres

En @ de icktoofay (gran) responder tiene:.

$(html).hide().appendTo("#mycontent").fadeIn(1000); 

Esto significa, básicamente, crear el html, configurarlo como oculto por defecto, lo dejará #mycontent y continuación se desvanecen en el objetivo de la cadena de métodos ahora es hmtl en lugar de #mycontent.

Answer 3

Esto también funciona

$(Your_html).appendTo(".target").hide().fadeIn(300); 

Saludos