jQuery：动画函数在列表中使用时会导致长时间延迟

Question

我有一个大约26个<section>标签的列表，其中包含一些其他div和信息。我有这样的，当你点击一个分享按钮时，这些额外的选项会显示在同一个<section>标签中。当您单击共享按钮时，这是我使用的jQuery js：

selectedPost.animate({
  left: -selectedPostWidth
}, 200, function(){
});
sharePost.animate({
  left: 0
}, 200, function(){
  // some stuff
});

然而现在它变得奇怪了。当您单击共享div中的其中一个按钮时，它会播放反向动画，如下所示：

selectedPost.animate({
  left: 0
}, 200, function(){
});
sharePost.animate({
  left: 9999
}, 200, function(){
  sharePost.hide();
});

因此，在我的<section>标签列表中，第一个标签工作得很快，没有延迟。但是，一旦开始向下移动列表，延迟就会越来越大。直到你有大约4-5秒的延迟。这只发生在 close 函数动画上，而不是打开的动画。

我希望我已经解释了一切，如果不是，我会添加更多细节。谢谢你的帮助！