Puis-je appendTout dans JQuery, mais le faire apparaître en fondu au lieu d’apparaître instantanément?

Plus précisément, j’ai un modèle JQuery et j’utilise .tmpl pour l’append à un div. Mon code est:

$("#" + this.templateID).tmpl({ results: resultsArray }).appendTo("#" + this.targetID); 

Cela frappe mon modèle à la fin de la div. Cependant, je veux le faire apparaître en fondu. Je ne veux pas créer de div supplémentaire sur la page.

Idéalement, j’aimerais append les données basées sur un modèle à la page, puis sélectionner l’élément le plus externe et le configurer pour qu’il n’en affiche aucune, de sorte qu’il apparaisse de manière invisible. Ensuite, indiquez-lui un fondu enchaîné afin que le balisage obtenu corresponde parfaitement aux autres éléments déjà présents sur la page.

Des idees pour faire cela?

Ajoutez-y d’abord .hide() et utilisez .fadeIn() après l’avoir .fadeIn() .

Ainsi:

 $("#" + this.templateID) .tmpl({ results: resultsArray }) .hide() .appendTo("#" + this.targetID) .fadeIn();