JQuery – Queue() : Attendre qu’une animation se termine avant de commencer la suivante

La fonction queue() de JQuery permet notamment dans le cas d'animations Jquery, de faire en sorte que les animations démarrent dans l'ordre où elles ont été insérées dans la queue et non toutes en même temps.

Dans l'exemple suivant, la fonction queue() de JQuery permet d'attendre la fin de ma première animation (le fadeOut de #monDiv) pour que ma deuxième animation (le fadeIn de #monDeuxiemeDiv) ne débute.

$("#monDiv").fadeOut('slow').queue(function() {
     $("#monDeuxiemeDiv").fadeIn('slow');
     $(this).dequeue();
  });

Pensez à appeler la fonction dequeue() .