Comment exécuter l'action jquery uniquement lorsque le précédent se termine

Question

 $("#show-sidebar").click(function() { 
      $(this).fadeOut("fast"); 

      $("#sidebar").animate({ 
       marginLeft: "0" 
      }, "fast"); 

      $("#content").toggleClass("full"); 
     }); 

Ce que je veux faire est, je suppose, assez simple: Pour que chacune de ces actions s'exécute, j'ai besoin d'attendre jusqu'à ce que la précédente se termine.

Answer 1

Mettre chacun dans une fonction de rappel pour l'action précédente:

$("#show-sidebar").click(function() { 
    $(this).fadeOut("fast", function() { 
     $("#sidebar").animate({ 
      marginLeft: "0" 
     }, "fast", function() { 
     $("#content").toggleClass("full"); 
     }); 
    }); 
}); 

Answer 2

$("#show-sidebar").click(function() { 
     $(this).fadeOut("fast", function() { 
      $("#sidebar").animate({ 
       marginLeft: "0" 
      }, "fast", function() { 
       $("#content").toggleClass("full"); 
      }); 
     }); 
    });