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

时间:2013-08-07 18:53:15

标签: jquery html css sidebar sliding

我一直试图解决这个问题,但我还没有管理好......所以我要求你帮忙!

我想要做的是:当用户点击按钮时,会显示或隐藏侧边栏。内容应遵循,滑动方向与侧边栏相同,用户不应该看到y溢出。

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

提前致谢!干杯

1 个答案:

答案 0 :(得分: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/