Jquery 自定义动画同步进行如何实现？

需求描述：我需要对不懂的两个HTML对象进行操作，同时开始动画，同时结束动画。

遇到问题：如果先后对连个对象进行 animate动画，那么第一个会先运行，等第一个运行完了运行第二个，这样就不同步了。

解决方法：使用 setTimeout()，每一个延时执行的方法是不会相互干预的。

代码

——————————————————————

对一个HTML对象修改一种属性

$('#box').animate({height:400},500)

对一个HTML修改两种属性

$('#box').animate({height:400},500).animate({width:400},500);  //分先后执行
$('#box').animate({height:400,width:400},500);//同时执行

对多HTML对象修改多种属性

setTimeOut(fa,1000)
setTimeOut(fb,1000)
setTimeOut(fc,1000)
setTimeOut(fd,1000)

function fa(){
$('#a').animate({height:400},500)
}
function fb(){
$('#b').animate({height:400},1000)
}
function fc(){
$('#c').animate({width:400},1000)
}
function fd(){
$('#d').animate({width:400},800)
}