jQuery synchronous animations?

Question

Hi there,

I have a jquery animation .. actually its 2 .. fadein and then move with animation..

Problem is that it fades In completely FIRST and then ANIMATES (moves position) ...

What i am trying to do is start fadein and don't wait for it to finish (which appears to be happening at the moment) .. and start the animate..

hence both happening at the same time.. currently .. the first appears to run and wait... and then animate (changes location) runs..

Any ideas how to run both at the same time...

$('#Test').fadeIn("6000");
$('#Test').animate({ 'top': "-=100px" },"6000");

Answer 1

How about this?

$('#Test').animate({'top' : '-=100px', 'opacity' : '100'}, '6000');

In this case you have to ensure that the element is visible, since fadeIn() also sets a "display" property.