jQuery slideUp при выводе мыши

Question

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

function initMenu() { 
    $('#menu ul, #top-menu ul').hide(); 
    $('#menu ul, #top-menu ul').children('.current').parent().show(); 
    $('#menu li a,#top-menu li a').click(
    function() { 
    var checkElement = $(this).next(); 
    if((checkElement.is('ul')) && (!checkElement.is(':visible'))) { 
     checkElement.slideDown('normal'); 
     return false; 
    } 
    if((checkElement.is('ul')) && (checkElement.is(':visible'))) { 
     checkElement.slideUp('normal'); 
     return false; 
    } 
    } 
); 

Answer 1

hover Используйте метод. Вам не нужно, чтобы проверить, если элемент виден или не так:

$('#menu li a,#top-menu li a').hover(function(){ 
    $(this).next().slideDown('normal'); //on mouse over 
}, function(){ 
    $(this).next().slideUp('normal'); //on mouse out 
}); 

Answer 2

$('#menu li a,#top-menu li a').mouseover(function(){ 
    $(this).next().slideDown('normal'); 
}).mouseout(function(){ 
    $(this).next().slideUp('normal'); 
}); 

► mouseover

► mouseout