如何添加/刪除CSS類在jQuery的下拉菜單

Question

父元素我有這樣的小提琴：http://jsfiddle.net/tatygrassini/tZBXe/用1級深子

水平下拉菜單。所有菜單鏈接：懸停樣式。

一旦父點擊，子菜單向下滑動，你懸停出來，揣子回來了，OK爲止。

我想給父Add/Remove my CSS class一個CSS類（.focus），點擊改變其背景顏色爲假一「焦點」狀態時。

在jsfiddle中，當您單擊Add/Remove my CSS class時，您會看到它將其背景顏色更改爲紅色一秒，這是因爲：活動CSS樣式。
所以，即使您將鼠標懸停在子菜單鏈接，父鏈接保持在「焦點」狀態，但是，當你徘徊了，「專注」 CSS類將被除去，從而達到其正常狀態CSS。

Answer 1

這裏是一個更新的代碼：http://jsfiddle.net/manuel/tZBXe/2/ 我添加

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

，並在懸停功能

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