$(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; }); });
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ł.