jquery disable click until animation is fully complete

Question

i want to disable click function untill every code in it; initialized and completed.

i read these articles and tried what they said but cant make it happen: event.pr

Answer 1

Use on() and off() to turn the click function on/off :

$('.ele').on('click', animateEle);

function animateEle(e) {
    $('.ele').stop().animate({'top':'0px'},2000);
    $(e.target).off('click').stop().animate({'top':'100px'},4000, function() {
        $(e.target).on('click', animateEle);
    });
}​

DEMONSTRATION