jquery - サブメニューホバー付きの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);        

});

おそらくいくつかの問題を引き起こしている「これ」に関連する単純なものであることはわかっています。

ありがとう、

アラン。