子菜单hover的Jquery菜单

我有一个自我解释的菜单和子菜单系统，您将鼠标hover在主菜单选项中的某些内容上，然后您将看到一个子菜单选项。

如果您将鼠标hover在主菜单选项上，但鼠标离开而未从子菜单中选择，则会出现问题，子菜单不会向上滑动。

你可以看到它在这里工作（我知道css是膨胀的，但我刚刚复制了整个表格：

http://jsfiddle.net/6sres/

这是我正在使用的Jquery：

$('#nav li').hover( function () { //show its submenu $('ul', this).stop().slideDown(100); }, function () { //hide its submenu $('ul', this).stop().slideUp(10); } ); $('a#leagueSelect').hover(function(){ $('ul.fixture-list').slideDown(50); }); 

我知道这很简单，可能与导致一些问题的“这个”有关。

谢谢，

艾伦。

Answer 1

当a#leagueSelect不再hover时，你没有做任何处理事件的函数。

jsFiddle演示

 $('a#leagueSelect').hover(function(){ $('ul.fixture-list').slideDown(50); }, function(){ $('ul.fixture-list').slideUp(50); });