javascript - 鼠标悬停子菜单时禁用 .slideUp 功能

Question

我有一个小问题。我希望当我将鼠标悬停在子菜单上时，当它打开时，子菜单不会折叠。谢谢。

$('.navigation').find('ul').parent().addClass('lv2-menu');

    $('.lv2-menu').hover(

        function(){

            el = $(this);

            el.find('ul').stop(false,true).slideDown(1000);

        },
        function(){

            el = $(this);

            el.find('ul').stop(false,true).slideUp(1000);

        }
    )


    $('.navigation').find('.lv2-menu').each(function(){

        el = $(this);

        if(el.find('.current-menu-item').size()){

            el.addClass('show-sub');
            el.find('ul').css({'display':'block'});
        }

    })

Answer 1

只需使用onmouseoverandonmouseout事件侦听器。对于该onmouseover功能，让元素向下滑动。对于该onmouseout功能，让元素向后滑动。

鼠标移到

鼠标输出