带有子菜单悬停的Jquery菜单

我有一个菜单和子菜单系统，它是不言自明的，你把鼠标悬停在主菜单中的某个选项上，然后你会看到一个选项子菜单

如果您将鼠标悬停以查看主菜单选项，但不从子菜单中选择鼠标而将其移开，则会出现问题，子菜单不会向上滑动

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

这是我正在使用的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);        

});

我知道这很简单，也许与“这个”有关，它引起了一些问题

谢谢

---

Alan.

当a#leagueSelect不再悬停时，您没有创建任何处理事件的函数

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