jQuery Forum

My thought was to set a delay on second animation - something like this:

But - in order for the animation to look as I'd expect it to (i.e. animating from left to right and then starting to head downwards as well in the second half of the animation), I had to set the timeout to 200 - not 2500 as I'd expect. Plus - it seems to speed up both animations when you combine them like this.

So - first animation should take 5 seconds to complete. The second animation take 2.5 seconds to complete so I'd expect my timeout to need to be 2.5 seconds as well to make the 2nd animation finish at the same time as the first.

But - it doesn't work like that... I need to set the timout to something like 200ms in order for the animations to be combined.

Plus - as I mentioned - it seems to really speed up the animation (i.e. it's completed in much shorter time than 5 seconds).

jQuery mu multiply the animations or something like that - rather than combinging them.

So - still not doing it what I want to do as the animation is now far too fast.

That's the only way I can see to achieve this. Any thoughts on this? Is this going to run into performance problems running multiple animations on the same element like this?

What I was looking at doing was creating a jQuery animation timeline with keyframes. Using this approach, I should be able to throw an array of animation objects at my "animator" class and have full control over an elements animation over a timeline (if that makes sense).

Cheers for your input.