Bootstrap使用collapse实现二级菜单手风琴效果出错

今日使用bootstrap中collapse实现二级菜单，参照bootstrap官方文档，点击菜单时对应二级菜单能够展开，但是当点击菜单B时，菜单A对应的二级菜单不能收回。检查bootstrap文档所描述的实现方法:

    1、在父级元素上加id

    2、collapse点击链接上加data-parent=id

仔细检查者两要素，还是未发现错误所在，草草用自己的js解决。后心有不甘，再细读帮助文档，看到如下地方：

如果parent选择器被提供，当父级下可折叠元素点击时，其余可折叠元素关闭（类似于传统手风琴效果，这个实现依赖于panel class）。

顿时领悟，自己的折叠效果是放在ul中，未放在panel class下，加上panel，限定样式，最终用bootstrap原生解决。

希望大家不要像我一样，马马虎虎，文档一定得仔细看。