Question

我有2个无序列表，我希望当一个打开另一个关闭。现在我可以单独打开2，我不想要那个，只能同时打开1个。

可以帮忙吗？

<li class="parent " data-toggle="collapse" href="#sub-item-1">
            <a href="#">
                <span class="glyphicon glyphicon-list"></span> Criar Documento <span class="icon pull-right"><em class="glyphicon glyphicon-s glyphicon-plus"></em></span>
            </a>
            <ul class="children collapse" id="sub-item-1">
                <li>
                    <a class="" href="#">
                        <span class="glyphicon glyphicon-share-alt"></span> Sub Item 1
                    </a>
                </li>

            </ul>
        </li>

<li data-toggle="collapse" href="#sub-item-2"  class="parent ">
            <a href="#">
                <span class="glyphicon glyphicon-list"></span> Dropdown <span class="icon pull-right"><em class="glyphicon glyphicon-s glyphicon-plus"></em></span> 
            </a>
            <ul class="children collapse" id="sub-item-2">
                <li>
                    <a class="" href="#">
                        <span class="glyphicon glyphicon-share-alt"></span> Sub Item 1
                    </a>
                </li>
            </ul>
        </li>

Answer 1

您可以通过为所有菜单项定义数据 - 父来实现此目的。

类似于：

data-parent="#accordion"

示例小提琴： http://jsfiddle.net/s4je5b0y/

外部资源（取自bootstrap官方文档）： http://getbootstrap.com/javascript/#collapse

Bootstrap崩溃只有一个开放

1 个答案: