jquery - menus - menu responsive desplegable

Menú de Jquery con menú desplegable

Question

Tengo un menú y un sistema de submenú que se explica por sí mismo, se pasa el mouse sobre algo en las opciones del menú principal y luego se le presenta un submenú de opciones.

Existe un problema si se desplaza para ver las opciones del menú principal, pero luego se aleja el mouse sin seleccionar desde el menú secundario, el submenú no se desliza hacia arriba.

Puedes verlo trabajando aquí (sé que el CSS está hinchado pero acabo de copiar toda la hoja en:

http://jsfiddle.net/6sres/

Este es el Jquery que estoy usando:

$(''#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);        

});

Sé que es algo simple, tal vez relacionado con el "esto" que está causando algunos problemas.

Gracias,

Alan.

Answer 1

No realizó ninguna función que maneje el evento cuando a#leagueSelect ya no está a#leagueSelect .

jsFiddle Demo

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