|
Уже 2-й день мучусь, а результат тот же... просьба помочь с кодом)) Знаю, что тут пару строк нужно добавить, но незнаю каких...
$(".run1").click(function(){
$("#box1").animate({opacity: "0.1" , height: "20", width: "20" , left: "+=600"}, 600)
.animate({opacity: "0.4", top: "+=60", height: "20", width: "20"}, "slow", 600)
.animate({opacity: "1", left: "600", height: "300", width: "270"}, "slow")
.animate({top: "100"}, "fast")
.animate({height: 'hide'}, 100);
$("#box2").animate({opacity: "0.1" , height: "20", width: "20" }, 300)
.animate({opacity: "1", height: "300", width: "270"}, "slow")
.animate({height: 'hide'}, 100);
$("#box3").animate({opacity: "0.1" , height: "20", width: "20" }, 600)
.animate({opacity: "1", height: "300", width: "270"}, "slow")
.animate({height: 'hide'}, 100);
$("#box4").animate({opacity: "0.1" , height: "20", width: "20" }, 600)
.animate({opacity: "1", height: "300", width: "270"}, "slow")
.animate({height: 'hide'}, 100);
$("box5").queue(function () { // добавим новую функцию в очередь
$(this).dequeue(); // ! продолжим очередь !
});
$("#box5")
.animate({height: 'show'}, 300);
});
|