Как добавить / удалить класс CSS в родительский элемент в раскрывающемся меню jQuery

У меня есть эта скрипка: http://jsfiddle.net/tatygrassini/tZBXe/

Горизонтальное раскрывающееся меню с подменю глубиной 1 уровень. Все ссылки в меню содержат стили: hover.

После того, как родитель щелкнет, подменю сползает вниз, вы зависаете, подменю скрывается, пока ОК.

Я хочу дать родительскому Add/Remove my CSS class класс CSS (.focus), при щелчке по нему, чтобы изменить цвет фона, чтобы имитировать состояние «фокус».

В jsfiddle, когда вы нажмете на Add/Remove my CSS class, вы увидите, что он меняет свой цвет фона на красный на секунду, это из-за стиля: active CSS.
Итак, даже когда вы наводите курсор на подменю ссылки, родительская ссылка остается в состоянии «фокус», но при наведении указателя мыши класс CSS «фокус» будет удален для достижения своего нормального состояния CSS.


person Taty    schedule 22.11.2011    source источник


Ответы (1)


вот обновленный код: http://jsfiddle.net/manuel/tZBXe/2/ I добавил

$(this).addClass("focus");

и в функции наведения

$("a", this).removeClass("focus");
person Manuel van Rijn    schedule 22.11.2011