jQuery UI 折叠面板“navigation： true”在嵌套 <ul> 上失败

问：

我正在使用 jQuery UI 构建一个 Accordion Menu。但在我看来，setter 不适用于嵌套标签。navigation: true<ul>

navigation: true适用于 、 ，但不适用于 。Header A -> Link 1Header B -> Link 2anything in subHeader under Header B (Link 3, Link 4)

我可以知道我是否使用了不正确的结构，以至于手风琴无法按预期运行吗？谢谢！

这是jQuery：

<script type="text/javascript">
$(document).ready(function() {
    $("#accordion").accordion({
        navigation: true,
        active: false,
        header: 'h3',
        collapsible: true
    });
});
</script>

下面是 HTML 结构：

标头 A

• <a href=“#”>链接 1</a>

标头 B

• <a href=“#”>链接 2</a>
• 子标题 A
  • <a href=“#”>链接 3</a>
  子标题 B
  • <a href=“#”>链接 4</a>

<div id="accordion">
 <h3>Header A</h3>
 <ul>
  <li><a href="#">Link 1</a></li>
 </ul>

 <h3>Header B</h3>
    <ul>
        <li><a href="#">Link 2</a></li>
        <li>
         <h4>subHeader A</h4>
                <ul>
                    <li>
                        <a href="#">Link 3</a>
                    </li>
                </ul>
         <h4>subHeader B</h4>
                <ul>
                    <li>
                        <a href="#">Link 4</a>
                    </li>
                </ul>   
            </li>
       </ul>

</div>