Javascript jQuery事件的持续时间不相等

我有两行代码在一个div的点击下启动。它们做我想让它们做的，但它们的时间似乎不同步。这是两条线

$('#tourPage').show("slide", { direction: "right" }, 500);
$('#navigationRight').animate({marginLeft: '-1240px'}, 500);

我将它们的持续时间设置为500，但它们不会一起移动。他们之间似乎有某种分离。我以前从未遇到过这种麻烦。我用过这个，效果很好

$('#aboutPage').animate({width: 'hide'}, 500);
$("#navigationLeft").animate({marginLeft: '0px'}, 500);

单击时，这两个元素确实会一起移动

你知道为什么第一种情况下时间不同吗

---

谢谢

动画功能在异步模式下运行。。。。你有两个不同的动画运行，所以可能会有一些轻微的同步问题…最好不要依赖这些细节和效果在所有浏览器和系统上看起来完全相同。你可以认为这是近似值。因此，您最好在触发来得太早的事件之前使用一段时间间隔。但那也太脏了。啊，我不知道。如果有一种方法可以使用动画从右向左滑动，我想这会解决它。但是我不知道如何反转第二个代码段来显示/隐藏另一个方向。是的，我一直试图设置第二个代码段的延迟来计时，但这几乎不可能使用

complete

回调来启动反转