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

Question

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

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

После того, как родитель щелкнет, подменю смещается вниз, вы перемещаетесь, подменю скрывается, ОК.Класс CSS (.focus), при нажатии на который изменяется цвет фона для имитации состояния «фокус».

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

Answer 1

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

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

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

$("a", this).removeClass("focus");