Меню Jquery с наведением подменю

У меня есть система меню и подменю, которая не требует пояснений, вы наводите курсор на что-то в параметрах главного меню, а затем вам предоставляется подменю параметров.

Существует проблема, если вы наводите курсор, чтобы увидеть параметры главного меню, но затем отводите мышь, не выбирая из подменю, подменю не скользит вверх.

Вы можете увидеть, как это работает здесь (я знаю, что 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);        

});

Я знаю, что это что-то простое, возможно, связанное с «этим», которое вызывает некоторые проблемы.

Спасибо,

Алан.


jquery hover submenu
person Alan A    schedule 05.09.2013    source источник

Ответы (1)


arrow_upward
0
arrow_downward

Вы не сделали никакой функции, которая обрабатывает событие, когда a#leagueSelect больше не зависает.

демонстрация jsFiddle

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