JQuery Callback

JavaScript statements execute in a proper sequence. However, when we apply the effects like fade and animations etc, sometimes, the next line of the code can be run before the first effect is finished. This can leads to many kinds of problems. To prevent this problem, we need to create a callback function.

A callback function is a function that always executes after the current effect is finished.

Syntax of jQuery Callback Functions

$(selector).hide(speed,callback);

How to Call back in jQuery?

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

$(document).ready(function(){

$("button").click(function(){

$("p").hide("slow", function(){

alert("The paragraph is now hidden");

});

Try it

Without Call back-Function in jQuery

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