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

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

以下是一个如何实现它的例子（根据需要进行调整）：

Fiddle Example

使用相对定位的<div>与overflow:hidden来包含绝对定位的<div>菜单。它会动画right属性以从右到左滑动菜单。

希望它能为您提供一些关于如何根据您必须使用的标记实现结果的想法。

干杯！