jQueryUI Accordion Header Проблема CSS

У меня есть такой заголовок аккордеона,

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

и когда происходит какое-то событие, я меняю цвет <span id="text">.

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

Что я хочу сделать, так это изменить цвет обратно на цвета заголовка аккордеона по умолчанию. Я могу вернуть ему цвет по умолчанию, но тогда он не меняет цвет, когда вы наводите на него курсор или щелкаете по нему.

Есть ли способ изменить его класс или что-то в этом роде?


person Michael    schedule 17.09.2011    source источник


Ответы (1)


Да, toggleClass. Вы хотите что-то вроде:

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

Где у вас есть CSS:

h3.header1Active {
    color: red
}
person dlawrence    schedule 17.09.2011
comment
Спасибо, я действительно понял это и собирался ответить на свой вопрос! - person Michael; 17.09.2011