jQuery,如何制作同步动画?

我有一个类似这样的页面布局

|    image    ||    image    ||    image    |

|     image-hover     ||  image  ||  image  |

或

|  image  ||     image-hover     ||   mage  |

|  image  ||  image  ||     image-hover     |

.animate({width: width}, speed)

我试过调整速度,但对闪烁没有帮助,而且我也没有看到整体动画有什么改进。

如果有什么区别的话,我用的是 divs 具有 background-image 和 overflow: hidden; 裹在 li 标签。我两个都做了 div 更宽(最宽) 锂 标签还包含一些文本。)

实际问题是:
有没有可能使动画同步,使他们发生在同一时间又好又顺利?

$(this).animate({width: 450}, 495)
    .parent("li").animate({width: 450}, 495)
    .next("li").animate({width: 225}, 500)
    .find(".class").animate({width: 225}, 500)
    .parent("li").next("li").animate({width: 225}, 500)
    .find(".class").animate({width: 225}, 500);