html - Bootstrap 崩溃数据父项不起作用

Question

我正在使用 bootstrap 2.2.1，并且出于某种原因 data-parent 属性没有执行预期的操作。当我单击另一个目标时，它不会关闭以前打开的目标。这是 fiddle使用下面的代码，关于如何解决这个问题有什么想法吗？

<div id="accordion">
    <ul>
        <li>
            <a href="#" data-toggle='collapse' data-target='#document', data-parent='#accordion'>option 1</a>
            <ul id="document" class="collapse">
                <li> <a href="#">suboption 1</a></li>
                <li> <a href="#">suboption 1</a></li>
                <li> <a href="#">suboption 1</a></li>
            </ul>   
        </li>
        <li>
            <a href="#">option 2</a>
        </li>
        <li>
            <a href="#">option 3</a>
        </li>
         <li>
            <a href="#" data-toggle='collapse' data-target='#document2', data-parent='#accordion'>option 4</a>
            <ul id="document2" class="collapse">
                <li> <a href="#">suboption 1</a></li>
                <li> <a href="#">suboption 1</a></li>
                <li> <a href="#">suboption 1</a></li>
            </ul>   
        </li>
    </ul>
</div>

Answer 1

Bootstrap 文档中说:

If a selector is provided, then all collapsible elements under the specified parent will be closed when this collapsible item is shown. (similar to traditional accordion behavior - this is dependent on the panel class)

因此它必须与面板组一起使用，但无论如何您都可以覆盖 javascript。

http://getbootstrap.com/javascript/#collapse-options