jQueryUI手风琴标题CSS问题

Question

我有一个像这样的手风琴标题，

<div id="accordion">
    <h3 id="header1"><a href="#">Stuff: <span id="text">Text </span></a></h3>

在发生某些事件时，我会更改<span id="text">的颜色。

$("h3 #text).css("color","red");

我想要做的是将颜色改回默认的手风琴标题颜色。我可以将其更改回默认颜色，但是当您将鼠标悬停在其上或单击它时它不会改变颜色。

有没有办法改变它的类或什么？

Answer 1

是的，toggleClass。你想要这样的东西：

$("h3 #text).mouseEnter(function{$("h3 #text).toggleClass("header1Active");});
$("h3 #text).mouseLeave(function{$("h3 #text).toggleClass("header1Active");});

你有一些css：

h3.header1Active {
    color: red
}