jQuery—滑入并保持窗口宽度的边栏

我一直在想办法，但还没想好。。所以我请求你的帮助

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

这基本上就是我想做的：

---

提前谢谢！干杯

创建一个按钮，用于切换菜单：

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;
    }
});

完整演示如下：

---

到目前为止，您尝试了什么？最好包括一些标记，表明您已经尝试自己做这件事，这样看起来您就不会要求我们为您做这项工作。所以基本上是这样的：好的，谢谢您的帮助！我是Stackoverflow的新手，下次我有问题的时候，你一定会给我一些提示，告诉我我做了什么！：）谢谢你的回答，库先生。这几乎是我已经得到的，忘了提一下。。但我希望侧边栏显示在左侧时内容向右移动，同时我不希望启用水平滚动。我该怎么做？再次谢谢你，没问题。我更新了小提琴。这就是你想要的吗？问题是我仍然可以水平滚动，你知道如何解决吗？如果查看示例，则不可能通过滚动显示侧边栏。谢谢还是不行：/你明白我的问题吗？在小提琴中，它可以工作，但当我用Chrome在我的电脑上试用时就不行了