Javascript jquery accordion在关闭后仍处于选中状态

我有一个jQuery分类手风琴。当我将鼠标悬停在每个accordion标题上时，它们都会相应地切换到高亮显示/选定的颜色状态。当我单击标题以打开手风琴的该部分，然后再次单击它以关闭手风琴的该部分时，高亮显示/选定的颜色状态保持不变

如果手风琴有10个部分，那么我打开和关闭其中的3个部分，这3个部分的颜色与手风琴的其他部分不同。这提供了一个糟糕的UI。有人知道为什么会发生这种情况以及如何解决吗

编辑：

---

很抱歉，没有提供一个开始的例子，我在一个保密协议下工作，所以我不能直接提供他们。不过，我总结了一个可以分享的例子

你可以在这里看到它的发生：

如果将鼠标悬停在它们上方，它们将变为橙色（正确）。如果单击其中一个打开它，它将保持橙色（正确）。如果关闭它并且不再悬停，它仍然保持橙色，而不是返回蓝色（错误）。

以下内容将清除导致问题的“ui状态焦点”类：

$('.ui-accordion .group > h3').mouseleave(function(){
    $(this).removeClass('ui-state-focus')
})

这在浏览器控制台中针对演示进行了测试

编辑：选择器可以简单地缩小到：

$('.ui-accordion-header')

---

无法帮助修复看不见的东西。。。手风琴的大量脚本、css和html变体告诉我这是否有您的问题抱歉，没有提供一个开始的示例，我正在NDA下工作，所以我不能直接提供它们。不过，我总结了一个可以分享的例子。我已经把它添加到我上面的问题中，谢谢。