Jquery菜单转换

Question

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

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

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

但是现在我的问题是当我点击A然后B时，我该怎么做才能让B中的菜单从B转换到A，而不是像目前那样从它下面转移？

Answer 1

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

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

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

或查看.delay()，了解如何在动画播出之前添加延迟。

另请参阅this回答，其中有一些其他建议可能会有所帮助。