Bootstrap手风琴效果,不能实现点开一个关闭另一个

求各路大神赐教,我想要的效果是展开一个其他关闭,现在的效果却是无论展开多少个都不会关闭,要手动点击才会关闭
图片说明

这个写一个js去控制就行了 bootstrap的打开关闭是通过class来控制的（记得好像是） 这样的话就去写个JS 类似如下:

当点击的时候获取整个导航栏的按钮 去除所有的该class 然后给点击的这个加上class （等于重写bootstrap的打开函数） 至于点击关闭 bootstrap还是会处理的所以不用担心
（正常这样处理就可以的 ）

当然我现在没有去实践 还是有不生效或者冲突的情况的 可以找到控制导航展开关闭的函数 然后去修改原生函数就行了（加一点关闭其他导航的代码就行了）
如果不明白可以加我QQ：465205538