How to set jquery animation of several blocks at the same time?

Question

JavaScript

function aa()
{
$("#UL").animate({top: '0px', left: '0px'},500);
$("#UR").animate({top: '0px', left: '100px'},500);
$("#DL").animate({top: '100px', left: '0px'},500);
$("#DR").animate({top: '100px', left: '100px'},500);
}

Executed in turn. And it is necessary that at the same time.

Answer 1

Executed in sequence.

Not true .
Show a demo on jsfiddle with a clear explanation of the desired behavior.

Answer 2

There is some explanation here, although the question is not really about this
stackoverflow.com/questions/1594077/jquery-synchro...

Answer 3

I have at the same time, what exactly is the sequence?