Click i powtórka zdarzeń Opcje

[dela]

[JAVASCRIPT] pobierz, plaintext 
$("#button-add").click(
		function (){
			$(".buttons").animate({"top": "-=35px"}, 150);
			setTimeout(function(){
				$(".buttons").fadeOut(50)}, 50);
			setTimeout(function(){
				$(".menu-button-add").fadeIn(150)}, 180);
		  });
$("#okey").click(
		function () {
			$(".menu-button-add").fadeOut(130), 180;
			setTimeout(function(){
				$(".buttons").fadeIn(50)}, 180);
			setTimeout(function(){
				$(".buttons").animate({"top": "+=35px"}, 150)}, 180);
		  });
[JAVASCRIPT] pobierz, plaintext 

Problem jest następujący... Jeżeli szybko kliknę na #button-add animacja wykonuję się 2x(przesunięcie .buttons wynosi wtedy -70px) z kolei mam #okey który przywraca .buttons tylko o 35px. Co mam zrobić by uniemożliwić wielokrotne kliknięcie na #button-add (IMG:style_emoticons/default/questionmark.gif)

[lobopol]

ustaw np. jakąś zmienną przed wykonaniem powiedzmy block = 1; i w funkcji sprawdzaj czy jest ustawione na 1, jeżeli tak ustawiaj na np. 2 i na zakończeniu funkcji ustawiaj ją znowu na 1.