Question

Let’s say I want something only to be executed when one thing has been fully executed I do the following:

$('#content-1').fadeIn(function() {
   $("menue").slideUp();
});

But what if something should be only be executed if multiple things that have different actions have been fully executed? Like this:

$('#content-1').fadeIn();
$('#content-2').fadeOut();
function() {
    $("menue").slideUp();
}

How do I do this without separate and repeat?

Answer 1

Update:

You can use promise() and done() methods:

$('#go').click(function () {
    $('#content-1').fadeIn(1000);
    $('#content-2').fadeOut(5000);
    $('#content-1, #content-2').promise().done(function(){
        $("#menu").slideUp();
    })
});

DEMO