jQuery菜单转换

Question

我刚开始学习Jquery并正在制作div滑动菜单，这就是我到目前为止所掌握的。

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

我不确定我的操作是否正确，因此，任何有关如何改进此代码的建议都将不胜感激。

但是现在的问题是，当我单击A然后单击B时，如何使B的菜单从B转换为A，而不是像现在这样在其下方？

Answer 1

菜单存在的问题是动画同时发生，因此您需要确保每个动画分别发生或彼此独立发生。

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

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

或查看.delay()以了解如何在动画之后添加延迟，直到下一个动画出现。

也可以看看这个答案，那里还有其他一些建议可能会有所帮助。