Javascript JS在一次单击事件中延迟两个动画

我正在用CSS和JS创建一个非画布导航。除了以下单击事件中出现延迟外，其他一切正常：

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

通过单击.open nav按钮，#trigg和#container div应该在300毫秒内向右移动200像素，同时开始。但是#trigg div在#容器启动动画之前启动动画。 我能做什么

我已经尝试过“队列：false”，但仍然延迟

谢谢。

编辑：

是否尝试改用CSS3动画

$('.open-nav').click(function(){

      $("#trigg, #container").addClass('open');

});

---

可能重复的功能。您能告诉我在我的功能中具体将“队列”放在哪里吗？我是JS新手。谢谢，我刚刚尝试过——但仍然延迟。用CSS3动画更新了代码。这更好吗？嗯。我以前试过一个复选框，它在我的测试文件中起作用，但在我现在正在实现的网站的CMS中不起作用。我不确定你所说的复选框是什么意思，“开放导航”是复选框吗？网站正在加载哪些javascript库？