[JavaScript] wysuwane menu, problem z ponownym kliknięciem Opcje

[-avengers-]

[HTML] pobierz, plaintext 
		$(function(){
			$(".link1").css("left","-20px");
			$(".slink1").toggle(function(){
				$(".wysuniety").animate({left: "-20px"}, 700 );
				$(".wysuniety").removeClass("wysuniety");
				$(".link1").addClass("wysuniety"); 
				$(".link1").animate({left: "192px"}, 500 );
				return false;
			},
			function(){	
				$(".link1").animate({left: "-20px"}, 500 );
				return false;
			});
		});
		$(function(){
			$(".link2").css("left","-20px");
			$(".slink2").toggle(function(){
				$(".wysuniety").animate({left: "-20px"}, 700 );
				$(".wysuniety").removeClass("wysuniety");
				$(".link2").addClass("wysuniety"); 
				$(".link2").animate({left: "192px"}, 500 );
				return false;
			},
			function(){	
				$(".link2").animate({left: "-20px"}, 500 );
				return false;
			});
		});
		$(function(){
			$(".link3").css("left","-20px");
			$(".slink3").toggle(function(){
				$(".wysuniety").animate({left: "-20px"}, 700 );
				$(".wysuniety").removeClass("wysuniety");
				$(".link3").addClass("wysuniety"); 
				$(".link3").animate({left: "192px"}, 500 );
				return false;
			},
			function(){	
				$(".link3").animate({left: "-20px"}, 500 );
				return false;
			});
		});
[HTML] pobierz, plaintext 

Ponieważ rozpoczynam działanie na jquery chciałbym zrobić slider który wysuwa się w prawą stronę po zaznaczeniu odpowiedniego linku z klasą (np. slink1 dla linku 1). Następnie ma on za zadanie wysunąć div o klasie link (np. link1). Wszystko działa ok do póki nie próbóję powtórzyć działania tzn. przełączając między 1, potem 2 i 3 działa ok, ale gdy klikam ponownie 2 to już muszę tą akcję powtórzyć jeszcze raz, by slider się zmienił.

[-avengers-]

Za radą z przypiętego tematu dodaję stronę gdzie można zobaczyć efekt i wprowadzić korektę
http://jsbin.com/aqejen/edit#preview

Z góry dziękuję

[-avengers-]

Błąd okazał się prostszy niż przypuszczałem, wystarczyło zamienić toggle na click i skasować niepotrzebną część.

Teraz pozostaje jeszcze kwestia co zrobić, by po kliknięciu gdy już element jest wysunięty, ponowne kliknięcie spowodowało zamknięcie i nie wysuwanie niczego.

Czy jest możliwe (a zapewne jest) zrobienie czegoś na wzór if z php? Chciałbym to wykonać tak, po kliknięciu w 1 link - jeśli link1 nie posiada klasy ".wysuniety" to wykonaj

[HTML] pobierz, plaintext 
$(".link1").addClass("wysuniety"); 
$(".link1").animate({left: "192px"}, 500 );
[HTML] pobierz, plaintext 

jeśli posiada to wykonaj

[HTML] pobierz, plaintext 
$(this).removeClass("zamknij");  -- to odpowiada strzałeczki z hrefa
[HTML] pobierz, plaintext 

na 99% z tym kodem który obecnie mam by bez problemu to zadziałalo, prosiłbym tylko o wskazanie jak to zrobić.

[-avengers-]

Na necie znalazłem coś takiego:

[HTML] pobierz, plaintext 
if (!$(this).hasClass("selected")) {
    //do stuff
}
[HTML] pobierz, plaintext 

i działa. Trochę monolog z tego wyszedł ale nic, może komuś na przyszłość się przyda