子菜单悬停的Jquery菜单

Question

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

如果您将鼠标悬停在主菜单选项上，但在没有从子菜单中选择的情况下将鼠标移开，则会出现问题，子菜单不会向上滑动。

你可以看到它在这里工作（我知道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不再悬停时，您没有制作任何处理该事件的函数。

jsFiddle Demo

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