防止jQuery accordion添加活动ui状态

我正在使用jQueryAccordion，希望所选面板与jQueryUI的外观不同。为了实现这一点，我不希望在活动头上有类“ui状态活动”——我不知道如何实现这一点

我目前的尝试：

$('#MyAccordion').accordion({
    heightStyle: "content",
    collapsible: true,
    active: 0,
    activate: function () {
        $('#MyAccordion h3').removeClass("ui-state-active");
    },
    create: function () {
       $('#MyAccordion h3').removeClass("ui-state-active");
    },
    beforeActivate: function () {
       $('#MyAccordion h3').removeClass("ui-state-active");
    }
});

JS小提琴演示：

---

您可以看到，在再次删除类之前，所选面板的标题暂时变白。但是如何防止面板标题变白（使类ui状态处于活动状态）？

您还可以添加click event listener：

$('#MyAccordion').on('click', '.ui-accordion-header',   function(e){
        $(this).removeClass("ui-state-active");
});

---

您好，在您的样式中添加css类-

.ui accordion头活动{background:lime；}

，为什么？根据其他参数，我在手风琴的不同h3头上设置了不同的css类。我希望这些类保持可见，即使h3头处于活动状态。这就是为什么我必须在这里删除活动的ui状态。如果您不想更改类，请更新活动事件处理程序，如

activate:function（event，ui）{$（ui）.addClass（“ui状态活动”）；}，并在css中将

background color`更改为

background