jQuery UI嵌套的手风琴不能与Twitter Bootstrap 3一起正常工作

Question

我正在尝试从twitter-bootstrap面板创建嵌套的手风琴。 但是问题是，当我单击任何一个时，父母手风琴和孩子手风琴都会同时受到影响（折叠/打开）。 标头选择器出问题了吗？

我的html：

<div class="panel panel-default">
    <div class="panel-heading">Outer Panel</div>
    <div class="panel-body">

        <div class="panel panel-default">
            <div class="panel-heading">Inner Panel</div>
            <div class="panel-body"></div>
        </div>

    </div>
</div>

JS：

$(".panel").accordion({header:'.panel-heading',collapsible:true});

Answer 1

事实证明， header选项必须为>.panel-heading才能仅影响当前级别。