Anexar um elemento com efeito de desvanecimento [jQuery]

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

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

Isso não parece funcionar.

Eu só quero um efeito legal quando o conteúdo for anexado.

Nota: quero que apenas a nova div "blah" apareça, não o "mycontent" inteiro.

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

Adicionando um pouco mais de informação:

O jQuery implementa "encadeamento de métodos", o que significa que você pode encadear chamadas de métodos no mesmo elemento. No primeiro caso:

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

você aplicaria a fadeInchamada ao objeto que é o alvo da cadeia de métodos, nesse caso #mycontent. Não é o que você quer.

Na (ótima) resposta do @ icktoofay você tem:

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

Basicamente, isso significa criar html, defini-lo como oculto por padrão, anexá-lo #mycontente inseri-lo em seguida . O destino da cadeia de métodos agora é em hmtlvez de #mycontent.

Isso também funciona

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

Saudações

como o fadeIn é uma transição de ocultar para mostrar, você precisará ocultar o elemento "html" ao anexá-lo e depois mostrá-lo.

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

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

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