prevent click while animating?

[resin]

Hello, I have a jQuery function that executes when I click a certain element. It consists of a few fades and animations, which take a few seconds to play all the way through. How can I prevent the function from executing a second time, while those fades and animations are still going on? And whenever the fades and animations aren't going on, then I want to be able to click the element again. I guessing it's something to be placed before the .click, $('#test').?.click(function() {}); ??

[AndrewGSW]

var running = false;
$(function() {
    $('#test').click(function() {
        if (running == true) return;
        running = true;
        $('#test2').fadeIn(1000).delay(1000).fadeOut(1000, function () {
            running = false;
        });
    });

});

[AndrewGSW]

if (running == true) return false;

[resin]

What would you do for functions that call multiple selectors, which finish at different times? For example-

$('#test').click(function() {
$('#test2').fadeIn(1000).delay(1000).fadeOut(1000);
$('#test3').delay(500).fadeOut(300);
$('#test4').animate({"top": "-150px"}, 15000);
});

How can I make it so nothing inside this function executes again, until all actions have fully completed?

[AndrewGSW]

@resin. You've deleted your recent posts. This makes it difficult for others to follow, and to understand what question my recent post was answering.

It is best not to delete posts that have already been responded to.