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)

[dela]

Dzięki @ShadowD za wskazówki oczywiście poleciał już (+). Powiedz mi ostatnia rzecz czy ten return $animate to trafiont pomysł i czy ogólnie ten skrypt ma ręce i nogi

[JAVASCRIPT] pobierz, plaintext 
$(document).ready(function(){
	$(".menu-button-add").hide();
 
	var $animate = false;
	$("#button-add").click(function (){
				if ($animate == false) {  
					$(".buttons").animate({"top": "-=35px"}, 150);
					setTimeout(function(){
						$(".buttons").fadeOut(50)}, 50);
					setTimeout(function(){
						$(".menu-button-add").fadeIn(150)}, 180);
					return $animate = true;
					}
				});
 
	$('#[title=undo]').click(function () {
		if ($animate == true) {
				$(".menu-button-add").fadeOut(130), 180;
				setTimeout(function(){
					$(".buttons").fadeIn(50)}, 180);
				setTimeout(function(){
					$(".buttons").animate({"top": "+=35px"}, 150)}, 180);
				return $animate = false;
				}
			  });
});
 
[JAVASCRIPT] pobierz, plaintext