Jquery/Javascript子菜单颜色悬停

我在jquery下拉菜单中遇到了另一个问题

在我的示例（底部的链接）中，我希望在悬停3º级别的子菜单时，当前子菜单项的文本颜色保持悬停状态（示例中为黄色）

代码完整

我在代码中有注释来解释问题所在

---

感谢开始，尽可能避免使用

css（）

。最好使用

addClass（）

和

removeClass（）

。定义一个包含所需颜色的悬停类（假设您的菜单不在另一个

或

中），然后使用

$('.menu a').hover(function() {
  var $path = $(this).parents('li').find('> a').not(this);
  $(this).closest('.menu').find('a').not($path).removeClass('hover');
  $path.addClass('hover');
  //code that animates to the colours in your hover class
  $(this).addClass('hover').css('');//make it stick
});

编辑：抱歉，我没有考虑样式的淡入来解决问题

我将鼠标悬停从

ul.submenu li a

切换为

ul.submenu li

，这样当其子菜单2悬停在上方时，它不会调用unhover函数。然后，我将函数中的样式应用于

.children（'a'）

标记，如下所示：

$('ul.submenu li').hover(function() {
    $(this).children('a').css({
        color: '#eff803'
    });

    $(this).find(".submenu li:first a").stop().animate({
        backgroundColor: '#0d0167'
    });
}, function() {
    $(this).children('a').css({
        color: '#ffffff'
    });

    $(this).find(".submenu li:first a").stop().animate({
        backgroundColor: '#0000FF'
    });
});

---

谢谢，这是可能的。你现在知道有没有办法，不用addClass来做这个$（this.find（something.css）（“#ffffff”）；非常感谢，这是我搜索的解决方案！！