Observe o trecho de código JQuery a seguir. Essa sintaxe il...

Example with Callback

$("button").click(function(){
    $("p").hide("slow", function(){
        alert("The paragraph is now hidden");
    });
});

Example without Callback

$("button").click(function(){
    $("p").hide(1000);
    alert("The paragraph is now hidden");
});

Fonte: https://www.w3schools.com/jquery/jquery_callback.asp

Go ahead!!!

As instruções JavaScript são executadas linha por linha. No entanto, com efeitos, a próxima linha de código pode ser executada mesmo que o efeito não esteja concluído. Isso pode criar erros.

Para evitar isso, você pode criar uma função de retorno de chamada (callback function).

Uma função de retorno de chamada (callback function) é executada depois que o efeito atual é concluído.

Sintaxe: $ (seletor) .hide (velocidade, retorno de chamada);

1 - O exemplo abaixo tem um parâmetro de retorno de chamada (callback parameter) que é uma função que será executada depois que o efeito hide for concluído:

$("button").click(function(){
    $("p").hide("slow", function(){
        alert("The paragraph is now hidden");
    });
});

2 - Este outro exemplo não possui nenhum parâmetro de retorno de chamada (callback parameter) e a caixa de alerta será exibida antes que o efeito hide seja concluído:

$("button").click(function(){
    $("p").hide(1000);
    alert("The paragraph is now hidden");
});

Fonte: https://www.w3schools.com/jquery/jquery_callback.asp