javascript - Jquery 菜单转换

Question

我刚开始学习 Jquery，正在制作一个 div 滑动菜单，这就是我目前所拥有的。

http://jsfiddle.net/HfdXY/494/

我不确定我这样做是否正确，所以任何关于如何改进此代码的建议都将不胜感激。

但是现在的问题是，当我单击 A 然后 B 时，我怎样才能使 B 的菜单从 B 过渡到 A，而不是像现在这样在它下方？

Answer 1

您的菜单存在的问题是动画同时发生，您需要确保每个动画单独或相互独立地发生。

为此，您可以将动画添加到它们自己的函数中，并在需要时调用它们。

function animateB(){
  $("#B").animate({left: "0px"}, 1000);
}

或者.delay()看看如何在下一个动画发生之前在动画之后添加延迟。

另请查看此答案，其中还有一些其他建议可能会有所帮助。