Twitter bootstrap Sade导航从按钮折叠，从不同组件角度

嗨，我有一个侧导航，但在不同的组件按钮。我想要什么 从x组件侧单击该按钮时，NAV应关闭并 有角度地打开

请查找以下工作代码

例如，当我从x组件单击按钮时，sidnev应该展开或折叠

有人能提供解决方案来实现这一点吗

/*
演示风格
*/
@进口”https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700";
身体{
字体系列：“Poppins”，无衬线；
背景：#fafafa；
}
p{
字体系列：“Poppins”，无衬线；
字体大小：1.1米；
字体大小：300；
线高：1.7em；
颜色：#999；
}
a、 a:悬停，a:聚焦{
颜色：继承；
文字装饰：无；
过渡：均为0.3秒；
}
navbar先生{
填充：15px 10px；
背景：#fff；
边界：无；
边界半径：0；
边缘底部：40px；
盒影：1px1p3pRGBA（0,0,0,0.1）；
}
.导航栏btn{
盒影：无；
大纲：无！重要；
边界：无；
}
.线路{
宽度：100%；
高度：1px；
边框底部：1px虚线#ddd；
利润率：40px0；
}
/* ---------------------------------------------------
边栏样式
----------------------------------------------------- */
#边栏{
宽度：250px；
位置：固定；
排名：0；
左：0；
高度：100vh；
z指数：999；
背景#7386D5；
颜色：#fff；
过渡：均为0.3秒；
}
#侧边栏{
左边距：-250px；
}
#边栏。边栏标题{
填充：20px；
背景：#6d7fcc；
}
#侧栏ul组件{
填充：20px0；
边框底部：1px实心#47748b；
}
#边栏{
颜色：#fff；
填充：10px；
}
#侧栏ul li a{
填充：10px；
字体大小：1.1米；
显示：块；
}
#侧边栏ul li a：悬停{
颜色：#7386D5；
背景：#fff；
}
#侧栏ul li.active>a，a[aria expanded=“true”]{
颜色：#fff；
背景：#6d7fcc；
}
a[data toggle=“collapse”]{
位置：相对位置；
}
a[aria expanded=“false”]：：before，a[aria expanded=“true”]：：before{
内容：'\e259'；
显示：块；
位置：绝对位置；
右：20px；
字体系列：“字形图标半身人”；
字号：0.6em；
}
a[aria expanded=“true”]：：之前{
内容：'\e260'；
}
乌拉{
字体大小：0.9em！重要；
左侧填充：30px！重要；
背景：#6d7fcc；
}
ul.CTAs{
填充：20px；
}
ul.CTAs a{
文本对齐：居中；
字体大小：0.9em！重要；
显示：块；
边界半径：5px；
边缘底部：5px；
}
a、 下载{
背景：#fff；
颜色：#7386D5；
}
a、 文章：悬停{
背景：#6d7fcc！重要；
颜色：#fff！重要；
}
/* ---------------------------------------------------
内容风格
----------------------------------------------------- */
#内容{
宽度：钙（100%-250px）；
填充：40px；
最小高度：100vh；
过渡：均为0.3秒；
位置：绝对位置；
排名：0；
右：0；
}
#content.active{
宽度：100%；
}
/* ---------------------------------------------------
媒体查询
----------------------------------------------------- */
@介质（最大宽度：768px）{
#边栏{
左边距：-250px；
}
#侧边栏{
左边距：0；
}
#内容{
宽度：100%；
}
#content.active{
宽度：钙（100%-250px）；
}
#边栏坍塌跨距{
显示：无；
}
/*用于侧边栏右角的按钮*/
#解雇{
宽度：35px；
高度：35px；
位置：绝对位置；
/*侧边栏的右上角*/
顶部：10px；
右：10px；
}
}

NBCU无线系统管理员

选择菜单