jQuery - 侧边栏滑入，并保持窗口宽度

Question

我一直在努力解决这个问题，但我还没有成功。所以我向你寻求帮助!

我想要做的是:当用户单击一个按钮时，将显示或隐藏一个侧边栏。内容应该跟随，滑动方向与侧边栏相同，用户应该看不到 y 溢出。

这基本上就是我想要做的:http://mikedidthis-pierre.tumblr.com/

提前致谢!干杯

Answer 1

创建一个切换菜单的按钮:

var menuEnabled = false;

$("button").click(function() {
    if (menuEnabled) {
        $("#left").css("display", "none");
        $("#content").css("margin-left", "0");
        menuEnabled = false;
    } else {
        $("#left").css("display", "block");
        $("#content").css("margin-left", "200px");
        menuEnabled = true;
    }
});

完整演示在这里: http://jsfiddle.net/YwRSb/4/