Question

我在Bootstrap中创建了一个侧边栏列表组菜单，在第一次点击时展开，但第二次点击不会折叠菜单，点击其他项目也只是展开它们而不会折叠任何内容。

    <div id="accordion" class="list-group">
        <a class="list-group-item" data-toggle="collapse" data-parent="#accordion" data-target="#listofOptions">List Header 1</a>
            <div class="list-group-collapse collapse" id="listofOptions">
                <a class="list-group-item" href="#">List Item 1</a>
                <a class="list-group-item" href="#">list Item 2</a>
            </div>
        <a class="list-group-item" data-toggle="collapse" data-parent="#accordion" data-target="#listofOptions2">List Header 2</a>
            <div class="list-group-collapse collapse" id="listofOptions2">
                <a class="list-group-item" href="#">List Item 1</a>
                <a class="list-group-item" href="#">list Item 2</a>
            </div>      
    </div>

我正在使用标准的bootstrap.min.js，并且我的自定义JavaScript都没有触及.collapse脚本，至少不是故意的。

Answer 1

如果您遇到此问题，请检查并确保您的CMS没有两次复制对任何jQuery库的调用。我发现由于一个拼写错误，我的标题重复，双重调用导致了几个小的 - 但很烦人的 - 错误。

Bootstrap list-group菜单会单击，但不会折叠

1 个答案: