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

原创
2015/01/09 13:45
阅读数 885

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

    1、在父级元素上加id

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

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

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

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

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




展开阅读全文
打赏
0
0 收藏
分享
加载中
更多评论
打赏
0 评论
0 收藏
0
分享
返回顶部
顶部