启动列表组菜单在单击时展开，但不会折叠

我在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都没有触及.ccollapse脚本，至少不是故意的。