如何从左侧切换 JQuery animate()？

Question

我正在尝试尽可能创建最简单的 jquery 画布菜单切换。只是一个简单的面板，在单击按钮时滑入，在第二次单击时滑出。即：切换。有很多方法可以做到这一点，但我认为我们应该能够用最少的一行代码来做到这一点。这就是为什么我认为它应该是可能的：

JQuery slide() 允许您来回切换，例如： $("myDiv").slideToggle();

那么，我们是不是应该能够执行以下操作： $("myDiv").animateToggle();

或： $("myDiv").animate(Toggle);

？我认为这是合乎逻辑的，但似乎不存在这样的东西。

您可以在一个方向上设置 animate()，但不能使用同一个按钮进行切换： $("myDiv").animate({left:"300px"});

'animate()' 似乎要求您使用两个单独的按钮来切换，而不是一个。

或者如果 slide() 允许我们选择左/右而不是顶部/底部？您可以通过动画宽度而不是位置来伪造它。这不是最佳选择，因为您可以看到内容随宽度折叠。

有什么想法吗？

Answer 1

嘿，diddyg，我会给你一个不同的方法。使用像 animatecss 这样的东西怎么样？ 您可以使用简单的 if 语句和 hasClass 方法添加和删除您的类。 所以如果 $mydiv hasClass hide -> removeClass 否则添加类