小编Ben*_*eno的帖子

我正在使用Bootstrap 3来制作垂直可折叠导航菜单.文档看起来非常简单.尝试使用data-*标签来做到这一点.吻

当我展开一个新的部分时,我似乎无法让其他部分崩溃.即扩展和折叠工作在每个单独的项目上.但是,如果设置数据父级,则非活动部分应自动关闭.

有人可以指出我哪里出错了吗？

的jsfiddle

    <li><a data-toggle="collapse" data-parent="#menu" href="#one">One</a>
        <ul id="one" class="collapse">
            <li><a href="#">Point One</a></li>
            <li><a href="#">Point Two</a></li>
            <li><a href="#">Point Three</a></li>
        </ul>
    </li>

    <li><a data-toggle="collapse" data-parent="#menu" href="#two">Two</a>
        <ul id="two" class="collapse">
            <li><a href="#">Point One</a></li>
            <li><a href="#">Point Two</a></li>
            <li><a href="#">Point Three</a></li>
        </ul>
    </li>

</ul>