How to execute jquery action only when the previous finishes

Question

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

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

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

What I wanto to do is, I guess, pretty simple: For each of this actions to execute, I need it to wait untill the previous one finishes.

Answer 1

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

Answer 2

Put each one within a callback function for the previous action:

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