Temat: Wyzwalanie animacji.

Witam, mam sobie taką prostą animację i która zwiększa wielkość diva z 0 do 700 i potrzebuję odpalić kolejne animacje gdy ta kolejno dojdzie do wartości 200, 500 i 700.
Próbowałem z pętlą for próbowałem też z if lecz cały czas mi się coś wysypuję.
Są to moje początki więc jeśli więc jeśli przeoczyłem coś oczywistego i banalnego to proszę o wyrozumiałość.

$( ".head" ).mouseover(function(){


$( ".menu" ).animate( { width: "700px" }, { queue: false, duration: 1000 });
$(".logo").removeClass("logo").addClass("logo-active");


}
return false;
});

Temat: Wyzwalanie animacji.

Mniej więcej sobie poradziłem teraz tylko nie wiem jak usunąć efekt powtarzania animacji po wielokrotnym najechaniu na nią.

$(document).ready(function(){
$(".head").mouseover(function() {$(".menu").animate({ queue: false, height:100, width:700 }, 1000, "linear", function(){ });
$(".header-logo-unactive").removeClass("header-logo-unactive").addClass("header-logo-active");

});

$(".head").mouseout(function() {$(".menu").animate({ height:100, width:0 }, 1000, "linear", function(){ $(".header-logo-active").removeClass("header-logo-active").addClass("header-logo-unactive"); });
});
});

http://faceandsurface.com/data/cos12.html