JQuery: не хочу состояния "Open Hover" в меню аккордеона

Question

Привет всем

У меня есть меню аккордеона, которое я адаптировал из этого , которое я нашел на DynamicDrive.com. Вместо типичного аккордеона типа UL, этот скрывает и показывает DIV.

Мне нужно 3 состояния для заголовков:

• Закрыт (черный текст / белый фон)
• Закрытое наведение курсора (белый текст / черный фон)
• Открыть (красный текст / белый фон)

На данный момент существует 4-е состояние ( Open Hover ), но я этого не хочу.

Как сделать так, чтобы у открытого состояния было no hover? (или оно находится в уникальном состоянии при наведении). На данный момент сценарий применяет тот же стиль closed-hover css к состоянию open-hover .

Здесь - это код JSFiddle. Я знаю, что там много JavaScript, но любая помощь будет принята с благодарностью.

Answer 1

Вы имеете в виду, как это: Обновленная скрипка

, если это то, что вам нужно, единственные изменения в CSS ... Я должен был сделать.openheader правило ссылки более конкретное (поместив перед ним символ a), чтобы соответствовать специфичности a.menuitem ссылок .. затем удостоверился, что все правила a.menuitem предшествовали a.openheader one