Jquery 如何用示例编写可伸缩固定边栏

如何编写这样的代码？

它是一个可伸缩的固定边栏。 通过谷歌搜索，我发现了类似的边栏（）

---

但是，它会完全关闭。

如果您想知道如何编写侧边栏，那么您只能通过CSS和一点javascript函数来完成。我已经组装好了

在这里，您将拥有实现所需的所有CSS。但最重要的规则是：

.sidebar {
  float: left;
  width: 50px;
  background-color: #f2f2f2;
}
.sidebar.maximized {
  width: 190px;
}
.body {
  margin-left: 190px;
  min-height: 100%;
}
.body.minimized {
  margin-left: 50px;
}

javascript函数只添加和删除CSS类，可以这样做：

var onClick = function () {
  var sidebar = document.querySelector('.sidebar');
  var body = document.querySelector('.body');
  var classNames = document.querySelector('.sidebar').className;
  if(classNames.indexOf('maximized') > -1) {
    sidebar.className = 'sidebar';
    body.className = 'body minimized';
  } else {
    sidebar.className = 'sidebar maximized';
    body.className = 'body';
  }
  return false;
};

---

希望这会有所帮助

谢谢！这就是我要找的。再次感谢你：D