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才能影响当前级别。