Jquery-ben, hogy lehet elérni, hogy egy animáció csak egyszer fusson le?

Írok egy példát:

// HTML rész

<div id="kocka" style="width: 200px; height: 200px; background-color: red;"></div>

//Jquery rész

$("div#kocka").click(function(){

$(this).animate({"background-color":"green"}, "fast").animate({"background-color":"yellow"}, "fast");

});

Ugye ez a kód annyit csinál, hogy ha a weboldalon a "kocka" ID-vel rendelkező DIV-re kattintok, akkor lecseréli a háttérszínét a DIV-nek. Először zöld-re, majd sárgára.

Eddig nincs is gond vele.

Viszont, ha többször, egymás után kattintok a DIV-en, még mielőtt végigment volna egyszer is az animáció, akkor miután befejezte az animációt, nekiáll még annyiszor lefuttatni az animációt, ahányszor gyors egymásutánban rákattintottam a DIV-re...

Ezt ki lehet valahogy küszöbölni? Tehát, hogy míg végig nem fut az animáció a DIV-en, addig ne észlelje a kattintásokat? És ezáltal ne fusson le többször az.