Agregar un elemento con desvanecimiento en efecto [jQuery]

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 agrega.

Nota: Quiero que solo se desvanezca el nuevo div "bla", no todo el "mycontent".

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

Agregando un poco más de información:

jQuery implementa "encadenamiento de métodos", lo que significa que puede encadenar llamadas de método en el mismo elemento. En el primer caso:

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

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

En la respuesta (genial) de @ icktoofay tienes:

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

Esto básicamente significa, crear html, configurarlo como oculto por defecto, agregarlo #mycontenty luego desvanecerlo. El objetivo de la cadena de métodos ahora es en hmtllugar de #mycontent.

Esto tambien funciona

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

Saludos

dado que el fadeIn es una transición de ocultar a mostrar, deberá ocultar el elemento "html" cuando lo agregue y luego mostrarlo.

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

$("#mycontent").append(function(){
  return html.hide();
});

$('#blah').fadeIn(999);