jQuery ajax, wait until beforeSend animation finishes

Question

HTML & CSS:

link


        

Answer 1

you can do this

//run your animation on link click, and when animation gets completed, // then start your ajax request.

$("a").click(function () {
    $("img").fadeIn(600, function () {
        $("div").append(" | beforeSend finished | ");
         $.ajax({
                    url: "test.php",
                    contentType: "html",
                    error: function () {
                        $("div").append(" | error | ");
                    }
                });
                return false
            });
    });
});