Jquery slidetoggle question

How can I get one script of jQuery 开发者_如何转开发to start after another one has finished (or time it when you want it to start)? I have a content area that fades in on page load:

$(document).ready(function() {

    $("#content").hide();

    $(window).load(function() {
        $("#content").fadeIn(3000);
    });

});

Than, once that fades in I want the nav bar above the content area to slide toggle down. I'm trying to make the scripts act in accordance with the timing of one another. OK, thank you.

Use .fadeIn()'s callback:

$("#content").fadeIn(
    3000,
    function() {
       //do stuff here
    }
);

$(document).ready(function() {

$("#content").hide();

$(window).load(function() {
    $("#content").fadeIn(3000, function() {

       $('#navBar').slideDown('slow')
      });
   });
});

.fadeIn() allows you to specify a function to be called once its complete. is the $(window).load() necessary here with $(document).ready()?