Question

My question is maybe simple but I can’t find the answer over the internet so i’m asking here :

I have the following code :

function TriggerHeader() {
//doing great stuff
}
function TriggerSlider() {
//doing other stuff
}

After every conditions have been examinated, I have a function that calls the right triggers.

function Action() {
    $(".content").fadeOut("fast",function () {
    TriggerSlider() {
        TriggerHeader();
    };
});
}

So the TriggerSlider() is called when the (“.content”).fadeOut is over (as I want it to be)
but I’m looking for the correct way to call TriggerHeader(); when the TriggerSlider() is over. The way I wrote it is wrong, but I don’t know why.
Can somebody enlight me ?

Answer 1

It depends on the contents of TriggerSlider and TriggerHeader.

If they are synchronous:

TriggerSlider();
TriggerHeader();

If TriggerSlider has a single animation with a callback available:

function TriggerSlider(callb) {
   //Most of your code here
   $("element").slideUp(callb);
}
TriggerSlider(TriggerHeader);

Using the Promise API

function TriggerSlider() {
   //Most of your code here
   return $("element").slideUp();
}
$.when(TriggerSlider()).done(TriggerHeader);