Подскажите лентяю: Код (Text): $(document).ready(function(){ $("#block2") .animate( { height:"150px", fontSize: "44px"} , 2000 ) .animate( { marginLeft: "6.6in", marginTop: "10%"} ,3500 ) .animate( { marginLeft: "-1.5in", marginTop: "10.0px"} ,1500 ) .animate( { marginLeft: "-1.5in", marginTop: "10.0px"} ,200 ) .animate( { marginLeft: "0.0in", marginTop: "10.0px"} ,1300 ) $("#block3") .show(2000) .animate( { height:"50px", fontSize: "14px"} , 2000 ) .animate( { marginLeft: "6.6in"} ,3500 ) .animate( { marginLeft: "-1.2in"} ,1550 ) .animate( { marginLeft: "-1.5in"} ,250 ). .animate( { marginLeft: "0.2in"} ,2000 ) .animate( { marginLeft: "0.0in"} ,1000 ) }); Работают сразу оба блока, как сделать чтоб по очереди?
Примерно так [js]function sample () { //animate block2 setTimeout(длина анимации 2го блока); // animate block3 }[/js] а вообще, в jQuery вроде как есть эвенты на конец анимации. Вот и поцепи на него обработчик, который будет запускать вторую анимацию.
animate( params, [duration], [easing], [callback] ) Собственно, как сказано выше, "подцепи на него обработчик, который будет запускать вторую анимацию"