Javascript jQueryUI嵌套手风琴的问题；标题选项干扰嵌套的手风琴

Tl；dr：滚动至底部以获得更简单的解释

我想我有一个稍微独特的问题。首先也是最重要的。。我已经浏览了互联网/谷歌，包括网站，以及提出这个问题时的建议

回到手头的主题，我正在生成一系列嵌套的手风琴，其中嵌套的数量是动态生成的。。也就是说，对于一个底层项可以有多少父项没有设置限制，因此不能选择go'.acord1、.acord2、.acord3'等

解决这个问题。。手风琴中的某些标题是底层项目，它们没有子项，没有附加手风琴

下面的示例html不包含上述项目，因为它再现了所面临的问题，即当添加

标题：

选项（我使用该选项排除前面提到的项目）时，它会触发顶级手风琴，并在单击其中一个子项时将其关闭

下面是一个我用最少的代码复制的测试用例：

<div class="acord">
    <h3>test1</h3>
    <div class="acord">
        <h3>test2</h3>
        <div>test2cont</div>
    </div>
    <h3 class="item">test3</h3>
</div>

如果上述为

tl；dr

，指定带有嵌套手风琴的标题选项无效，因为子手风琴（单击）的父项随后关闭

---

有解决方案吗？

以下是我管理的解决方案。这很难看，但通过其他一些事情，它完成了任务。如果有人有比删除jquery手风琴标题的图标和填充并单击功能更好的想法，请回答这个问题。在此之前：

$(".acord").accordion({
    heightStyle: "content",
    active: false,
    collapsible: true,
    changestart: function (event, ui) {
        if ($(event.currentTarget).hasClass("item")) {
            event.preventDefault();
            $(event.currentTarget).removeClass("ui-corner-top").addClass("ui-corner-all");
        }
    }
});

编辑：

多亏了现场的人员，这一问题得到了更好的解决：

$(".acord").accordion({
    header: "> h3:not(.item)", //this line
    heightStyle: "content",
    active: false,
    collapsible: true
});