Ajouter un élément avec effet de fondu [jQuery]

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

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

Cela ne semble pas fonctionner.

Je veux juste un effet sympa lorsque le contenu est ajouté.

Remarque: je veux juste que le nouveau div "blah" disparaisse, pas tout le "mycontent".

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

Ajout d'un peu plus d'informations:

jQuery implémente le «chaînage de méthodes», ce qui signifie que vous pouvez enchaîner les appels de méthode sur le même élément. Dans le premier cas:

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

vous appliqueriez l' fadeInappel à l'objet qui est la cible de la chaîne de méthodes, dans ce cas #mycontent. Pas ce que tu veux.

Dans la (excellente) réponse de @ icktoofay, vous avez:

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

Cela signifie essentiellement, créez le html, définissez-le comme masqué par défaut, ajoutez-le #mycontentet ensuite fondez-le. La cible de la chaîne de méthodes est maintenant hmtlau lieu de #mycontent.

Cela fonctionne également

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

Cordialement

puisque le fondu est une transition de masquer à afficher, vous devrez masquer l'élément "html" lorsque vous l'ajoutez et ensuite le montrer.

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

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

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