JS在一次点击事件中延迟了两个动画

Question

我正在用CSS和JS创建一个非画布导航。一切正常，但以下点击事件有延迟：

$('.open-nav').click(function(){
    $('#trigg, #container').animate({left: "200"}, 300);
});

单击.open-nav按钮，＃grid和#container div应在300毫秒内向右移动200个像素，同时开始。但#trigg div在#container之前启动动画。 我该怎么办？

我已经尝试了＃34; queue：false＆＃34;但它仍然延迟了。

感谢。

Answer 1

编辑：

尝试使用CSS3动画吗？

System.out.println("");

JSFiddle