jquery - 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/