我能'；不要让jQuery UI手风琴选项卡在使用时更改颜色（如：已访问），可以吗？

我有一个很好的老式jqueryui手风琴。我的客户问，当阅读（访问）手风琴标签（标题）上的文字时，是否会改变颜色。虽然我可以将伪类

：hover

应用于任何元素，但根据我的研究，我只能将

：visted

应用于

以下是我在使用accorbian时实现的方法

CSS:

JS:

演示

已编辑

只需将
toggleClass
更改为
addClass

演示
以下是我在使用accordian时如何实现的

CSS:

JS:

演示

已编辑

只需将
toggleClass
更改为
addClass

演示
我会用一个简单的


$('#accordion').accordion({
    collapsible: true,
    active: false,
    header: "h3",
    heightStyle: "content"
});

$('#accordion h3').click(function () {
    $(this).addClass('newClass');
});

.newClass {
    color:red;
}

我会用一个简单的方法


$('#accordion').accordion({
    collapsible: true,
    active: false,
    header: "h3",
    heightStyle: "content"
});

$('#accordion h3').click(function () {
    $(this).addClass('newClass');
});

.newClass {
    color:red;
}

这似乎很接近！但它只适用于活动类。客户端希望选项卡在被访问并且用户继续移动后更改颜色。像标准链接一样，在用户访问链接后，链接会从蓝色变为紫色。。。这很有效。我可以将代码附加到jQueryUIAccordion小部件的末尾，对吗？或实际上，我认为这需要修改小部件本身，这是不允许的。当然，jQueryUIAccordion小部件会将类添加到我的h3中。我抓起其中一个，试着在点击时添加一个“read”类，然后我就可以进行风格设计了。但我做得不对。以下是我尝试的：
$（“h3.ui accordion头”）.click（function（）{$（this.addClass（'read'）；}）您的样式可能会被覆盖，即使单击事件正常。为了解决这个问题，在你的CSS中，class.read，put
！重要信息
背景色分号之前。背景：#f00！重要的我无法让它与jQueryUIAccordion小部件一起工作。这是我为它做的小提琴。正如你所看到的，H3从来没有拿起过这个类，因此从来没有变成红色。[小提琴]这似乎很接近！但它只适用于活动类。客户端希望选项卡在被访问并且用户继续移动后更改颜色。像标准链接一样，在用户访问链接后，链接会从蓝色变为紫色。。。这很有效。我可以将代码附加到jQueryUIAccordion小部件的末尾，对吗？或实际上，我认为这需要修改小部件本身，这是不允许的。当然，jQueryUIAccordion小部件会将类添加到我的h3中。我抓起其中一个，试着在点击时添加一个“read”类，然后我就可以进行风格设计了。但我做得不对。以下是我尝试的：
$（“h3.ui accordion头”）.click（function（）{$（this.addClass（'read'）；}）您的样式可能会被覆盖，即使单击事件正常。为了解决这个问题，在你的CSS中，class.read，put
！重要信息
背景色分号之前。背景：#f00！重要的我无法让它与jQueryUIAccordion小部件一起工作。这是我为它做的小提琴。正如你所看到的，H3从来没有拿起过这个类，因此从来没有变成红色。[小提琴]
.toggle-title:hover,
.toggle-title:active,
.active { /* Added .active rule */
    background: #000;
    color: white;
}

$(document).ready(function() {
    $(".toggle-content").hide();
    $(".toggle-title").click(function() {
        $(this).next(".toggle-content").slideToggle("normal");
        $(this).toggleClass('active'); //toggle class active
    });
});

$('#accordion').accordion({
    collapsible: true,
    active: false,
    header: "h3",
    heightStyle: "content"
});

$('#accordion h3').click(function () {
    $(this).addClass('newClass');
});

.newClass {
    color:red;
}