Jquery 可折叠侧栏，用于最小化宽度>768px的设备的侧导航

我正在为我的网站制作可折叠侧边栏，我在这里发现了这个非常棒的模板

在这里，当宽度小于768px时，边栏将折叠，我们可以使用切换按钮切换回sibebar。这对于移动设备来说很好

我希望用户能够最小化边栏，即使在宽度>768px的设备上也是如此

目前，侧边栏是使用jquery折叠的

 $(document).ready(function() {
 $('[data-toggle=offcanvas]').click(function() {
 $('.row-offcanvas').toggleClass('active');
 });
 });

下面是一个工作示例

---

任何类型的指针都很受欢迎

我通过在红色按钮上添加事件侦听器来修复它

$('.navbar-toggle') .click(function(){
  $('#sidebar').toggle();  // show/hide the sidebar
  $(this).find('i').toggleClass('fa-angle-right').toggleClass('fa-angle-left'); // toggle the angles in the red button
});

---

这可能会帮助您找到下面的答案，并将其标记为已接受，如果它已解决您的问题。