jquery - 按下菜单按钮时从右向左滑动菜单

Question

当我单击菜单按钮时，菜单应从右向左滑动。菜单开始隐藏，当第二次单击菜单按钮时，它应该返回此状态。

我到目前为止的代码是这样的：

$(MENU_BUTTON).click(function() {
    var right = $(MENU_ID).hasClass('right');
    $(MENU_ID).toggleClass('right');
    $(MENU_ID).animate({ width:(right?0:245) }, 600);
    });

这与我试图做的相反，因为从左到右滑动。

任何帮助将不胜感激。

谢谢

Answer 1

@RAS

这是一个如何进行的示例（根据需要进行调整）：

小提琴示例

使用一个相对定位<div>的和overflow:hidden包含一个绝对定位的菜单<div>。它使right属性动画化以从右向左滑动菜单。

希望它能给你一些关于如何根据你必须使用的标记来实现你的结果的想法。

干杯!