Cómo desvanecerse en el HTML adjunto con jQuery?

Question

tengo la siguiente línea de código:..

var html = "..."; 
$("#id_name").append(html).fadeIn("slow"); 

Esto hace que todo el #id_name div a desaparecer en quiero solamente la adjuntas HTML a desvanecerse en ¿Cómo se puede lograr esto?

Answer 1

Se podría hacer algo como:

$('<div></div>').appendTo("#id_name").hide().append(html).fadeIn('slow'); 

Answer 2

que tendría que asegurarse de que el "html" variable es un objeto jQuery primero, y presente en el DOM.

Por lo tanto, normalmente activa una función de devolución de llamada, disparada cuando append() es efectivo.

ejemplo:

$("#id_name").append(html,function(){ 
$(html).fadeIn("slow"); 
}); 

Answer 3

Esto también debería funcionar (suponiendo que el html var es un fragmento de código html) y puede ser un poco más legible:

$(html).appendTo('#id_name').hide().fadeIn('slow');