JQuery: fermeture en fondu, exécution d’une action, puis retour en fondu

J’ai donc ce qui équivaut à une forme html, mais ce n’est pas une

réelle, en soi. J’ai un bouton «Effacer» que j’utilise actuellement pour réinitialiser tous les champs à leurs valeurs par défaut.

D’un sharepoint vue esthétique, j’aimerais que la forme disparaisse progressivement, qu’elle soit réinitialisée tant qu’elle est “disparue”, et qu’elle disparaisse complètement. J’ai jusqu’à présent ce code pour essayer d’y parvenir:

 function Reset() { $formDiv.fadeOut(function() { // perform reset actions here $(this).fadeIn() }); }

Cependant, ce qui se passe est que, lorsque la division s’efface, les champs sont réinitialisés, de sorte que l’utilisateur les voit tous physiquement revenir à leurs valeurs par défaut pendant la fermeture en fondu. Ensuite, il réapparaît dès qu’il a fini de s’estomper. Fermer, mais je ne veux pas que l’utilisateur voie les champs réinitialisés. J’ai essayé ce qui suit pour attendre la fin du fadeOut afin de réinitialiser les champs, mais j’ai eu une boucle infinie ou quelque chose (le navigateur a dit que le script tournait lentement et m’a demandé si je voulais l’arrêter):

 function Reset() { $formDiv.fadeOut(function() { while (!$(this).is(':animated')) { // perform reset actions here } $(this).fadeIn() }); }

Donc, je ne sais pas trop où aller à partir d’ici. Toute aide serait appréciée. Merci.