在jQueryUI中将标题定义为标记

见下文

我有一个标题定义为.viewLabel的手风琴。我的目标是创建一个链接到外部页面的类。但您将在小提琴中看到，定义标题会导致手风琴的行为异常

 $("#main-nav").accordion({
    autoHeight: false,
    collapsible: true,
    active: false,
     header: 'a.viewLabel'
});

---

内部手风琴被视为原始手风琴的一部分，因为选择器会查找与选择器匹配的所有元素，而不管它们位于实例化元素的DOM树中的何处

我建议用不同的类来分离内部的accordion，并在内部实例化一个新的accordion

HTML:

---

代码中的每个视图都是一个标签

<ul id="main-nav">
    <li><a href="" class="viewLabel">item one</a>
        <ul id="new">
            <li><a href="" class="viewLabel1">item one</a></li>
            <li><a href="" class="viewLabel1">item one</a></li>
            <li><a href="" class="viewLabel1">item one</a></li>
        </ul>
    </li>
    <li><a href="" class="viewLabel">item one</a></li>
    <li><a href="" class="viewLabel">item one</a></li>
</ul>

$("#main-nav").accordion({
    autoHeight: false,
    collapsible: true,
    active: false,
    header: 'a.viewLabel'
});

$("#new").accordion({
    autoHeight: false,
    collapsible: true,
    active: false,
    header: 'a.viewLabel1'
});