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

时间:2018-04-08 02:32:01

标签: javascript jquery jquery-animate

我正在尝试创建最简单的jquery off-canvas菜单切换,我可以。只需一个简单的面板,在按钮点击时滑动,并在第二次点击时滑出。即:切换。有很多方法可以做到这一点,但我认为我们应该只用一行代码就可以做到这一点。这就是我认为它应该成为可能的原因:

JQuery slide()允许您来回切换,例如:     $( “myDiv”)的slideToggle();

所以,我们不应该做类似的事情:     $( “myDiv”)animateToggle();

或:     $( “myDiv”)动画(切换);

?我认为这是合乎逻辑的,但似乎不存在这样的事情。

您可以在一个方向上设置动画(),但不能使用相同的按钮切换:     $( “myDiv”)动画({左: “300像素”});

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

或者如果slide()允许我们选择左/右而不是上/下?您可以通过动画宽度来伪造它,但不能伪造它。这不是最佳的,因为你可以看到内容与宽度一起崩溃。

有任何想法吗?

1 个答案:

答案 0 :(得分:1)

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