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です。あなたには、いくつかのCSSを持っている

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

：

h3.header1Active { 
    color: red 
}