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

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属性将菜单从右向左滑动。

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

干杯！