Jquery - 处理悬停的更好方法

Question

我有一个列表，默认只显示顶级。当您悬停时，它会显示子菜单项。这按预期工作，但它始终保持一个菜单打开，因为上课仍然在最后一个项目上。我觉得必须有一个更好的方法来做到这一点，但我在网站上看到的其他例子似乎并不像我追求的那样？见下面的例子。

http://jsfiddle.net/aaronk85/6PfKb/

Answer 1

jQuery hover method实际上需要2个函数，第一个用于'over'（或in），第二个用于'off'（或out）。

我用正确的语法更新了你的小提琴。

http://jsfiddle.net/6PfKb/9/

var $link = $('ul.internal-dropdown li.top-level');
$link.hover(function() {
    $(this).addClass('on');
}, function() {
    $link.removeClass('on');
});​