带有子菜单悬停的 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);        

});

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

谢谢，

艾伦。

Answer 1

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

jsFiddle Demo

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