如何在前一个完成时执行jquery操作

Question

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

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

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

我想要做的是，我想，非常简单：对于每个要执行的操作，我需要等到上一个操作完成。

Answer 1

将每一个放在上一个操作的回调函数中：

$("#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");
            });
        });
    });