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

Question

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

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

Cela ne semble pas fonctionner.

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

Note: Je veux juste que le nouveau "blah" div apparaisse en fondu, pas tout le "mon contenu".

Answer 1

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

Answer 2

L'ajout d'un peu plus d'infos:

jQuery met en œuvre "chaînage de méthode", 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 seriez en application de l' fadeIn appel à l'objet qui est la cible de la méthode de la chaîne, dans ce cas - #mycontent. Pas ce que vous voulez.

Dans @icktoofay de la (grande) réponse, vous devez:

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

Ceci signifie fondamentalement, créer l' html, le définir comme caché par défaut, l'ajouter à #mycontent et puis en fondu. L'objectif de la méthode de la chaîne est maintenant de hmtl au lieu de #mycontent.

Answer 3

Cela fonctionne aussi

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

Cordialement