Actually - on further investigation, it looks like you can do it but it
doesn't behave as I'd expect.
My thought was to set a delay on second animation - something like this:
$(".el").animate(
{
left:500
},{queue: false},5000
);
setTimeout(function(){
$(".el").animate(
{
top:200
},{queue: false},2500
);
},200);
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.