Javascript 引导侧导航栏不会在单击链接时折叠

我正在努力为一个朋友建立一个网站。我没有太多的方式编码，因为它已经有相当长的时间，因为我已经弄乱了它。我正在为这个项目使用引导。我不知道如何让侧导航栏在点击链接后崩溃。如果你点击角落里的“X”，它将崩溃。任何帮助都将不胜感激。网站已启动

请使用jQuery进行以下操作：

$('#sidebar-nav a').click(function () {
  $('#sidebar-wrapper').removeClass('active');
}

---

单击侧栏菜单中的链接时，它将从侧栏菜单中删除活动类。

单击链接时，只需添加另一个函数，即可从侧栏包装器中删除活动类

// Closes the sidebar menu on link click
$("#sidebar-wrapper a").click(function (e) {
  e.preventDefault();
  $("#sidebar-wrapper").removeClass("active");
});

请参阅工作示例代码段

$（文档）.ready（函数（）{
//打开侧边栏菜单
$（“#菜单切换”）。单击（功能（e）{
e、 预防默认值（）；
$（“#边栏包装”）.toggleClass（“活动”）；
});
//关闭侧边栏菜单
$（“#菜单关闭”）。单击（功能（e）{
e、 预防默认值（）；
$（“#边栏包装”）.toggleClass（“活动”）；
});
//单击链接关闭侧栏菜单
$（“#边栏包装器a”）。单击（函数（e）{
e、 预防默认值（）；
$（“#边栏包装”）.removeClass（“活动”）；
});
//滚动到页面上选定的菜单项
$（函数（）{
$（'a[href*=#]：非（[href=#]）。单击（函数（）{
if（location.pathname.replace（/^\/，“”）=this.pathname.replace（/^\/，“”）| | location.hostname==this.hostname）{
var target=$（this.hash）；
target=target.length？target:$（'[name='+this.hash.slice（1）+']'）；
if（目标长度）{
$（'html，body'）。设置动画({
scrollTop:target.offset（）.top
}, 1000);
返回false；
}
}
});
});
});
html，
身体{
宽度：100%；
身高：100%；
}
身体{
字体系列：“Source Sans Pro”、“Helvetica Neue”、Helvetica、Arial、Sans serif；
}
.文本垂直中心{
显示：表格单元格；
文本对齐：居中；
垂直对齐：中间对齐；
}
.文本垂直中心h1{
保证金：0；
填充：0；
字体大小：4.5em；
字号：700；
}
.btn暗{
边界半径：0；
颜色：#fff；
背景色：rgba（0,0,0,0.4）；
}
.btn黑暗：悬停，
.btn黑暗：聚焦，
.btn暗：活动{
颜色：#fff；
背景色：rgba（0,0,0,0.7）；
}
.btn灯{
边界半径：0；
颜色：#333；
背景色：rgb（255、255、255）；
}
.btn灯：悬停，
.btn灯光：聚焦，
.btn灯：激活{
颜色：#333；
背景色：rgba（255、255、255、0.8）；
}
人力资源部小型{
最大宽度：100px；
}
#边栏包装{
z指数：1000；
位置：固定；
右：0；
宽度：250px；
身高：100%；
右边距：-250px；
溢出y：自动；
背景：#222；
-webkit转换：所有0.4s易用0；
-moz转换：所有0.4s到0；
-ms转换：所有0.4s到0；
-o型过渡：所有0.4s到0；
转换：所有0.4s到0；
}
.侧边栏导航{
位置：绝对位置；
排名：0；
宽度：250px；
保证金：0；
填充：0；
列表样式：无；
}
.侧边栏导航李{
文本缩进：20px；
线高：40px；
}
.侧边栏导航李a{
显示：块；
文字装饰：无；
颜色：#999；
}
.侧边栏导航李a：悬停{
文字装饰：无；
颜色：#fff；
背景：rgba（255，255，255，0.2）；
}
.侧边栏导航李a：激活，
.侧边栏导航李a：焦点{
文字装饰：无；
}
.sidebar nav>.sidebar品牌{
高度：55px；
字号：18px；
线高：55px；
}
.sidebar nav>.sidebar品牌a{
颜色：#999；
}
.sidebar nav>.sidebar品牌a:悬停{
颜色：#fff；
背景：无；
}
#菜单切换{
z指数：1；
位置：固定；
排名：0；
右：0；
}
#侧栏包装器.active{
右：250px；
宽度：250px；
-webkit转换：所有0.4s易用0；
-moz转换：所有0.4s到0；
-ms转换：所有0.4s到0；
-o型过渡：所有0.4s到0；
转换：所有0.4s到0；
}
.切换{
保证金：5px5px0；
}
.标题{
显示：表格；
位置：相对位置；
宽度：100%；
身高：100%；
背景：url（../img/bg.jpg）无重复中心滚动；
-webkit背景尺寸：封面；
-moz背景尺寸：封面；
背景尺寸：封面；
-o-背景尺寸：封面；
}
.关于{
填充：50px0；
}
.服务{
填充：50px0；
}
.服务项目{
边缘底部：30px；
}
.标注{
显示：表格；
宽度：100%；
高度：400px；
颜色：#fff；
背景：url（../img/callout.jpg）无重复中心滚动；
-webkit背景尺寸：封面；
-moz背景尺寸：封面；
背景尺寸：封面；
-o-背景尺寸：封面；
}
.投资组合{
填充：50px0；
}
.投资组合项目{
边缘底部：30px；
}
.img投资组合{
保证金：0自动；
}
.img投资组合：悬停{
不透明度：0.8；
}
.行动呼吁{
填充：50px0；
}
.行动呼吁{
利润率：10px；
}
.地图{
高度：500px；
}
@介质（最大宽度：768px）{
.地图{
身高：75%；
}
}
页脚{
填充：100px0；
}
.modal对话框{}.缩略图{
边缘底部：6px；
}
.carousel-control.left，
.转盘控制，对{
背景图像：无；
利润率最高：10%；
宽度：5%；
}









用精确来装饰你的生活
成立于2008年，我们已经成为南休斯顿首屈一指的园林绿化公司之一


我们都是为了什么！
Precision Tree and Garmenting是一家当地拥有和运营的公司，拥有超过6年的经验。我们为自己的工作感到自豪，我们的目标是让每一位客户都满意。我们始终关注客户的需求，提供
个性化关注和无压力体验
贾里德·戴维斯的所有者和运营商

我们的服务