当我将光标移到子菜单上时,子菜单如何从侧边栏向下滑动

how can the sub-menu slide down from the sidebar when i just take my cursor to it

本文关键字:菜单 侧边栏 光标      更新时间:2023-09-26

我做了一个侧边栏,如果我点击任何选项而不是子菜单向下滑动,但现在我想要如果我只是将光标移到菜单选项,而不单击子菜单它应该向下滑动JS代码:

 $('.subMenu > a').click(function(e)
    {
        e.preventDefault();
        var subMenu = $(this).siblings('ul');
        var li = $(this).parents('li');
        var subMenus = $('#sidebar li.subMenu ul');
        var subMenus_parents = $('#sidebar li.subMenu');
        if(li.hasClass('open'))
        {
            if(($(window).width() > 768) || ($(window).width() < 479)) {
                subMenu.slideUp();
            } else {
                subMenu.fadeOut(250);
            }
            li.removeClass('open');
        } else 
        {
            if(($(window).width() > 768) || ($(window).width() < 479)) {
                subMenus.slideUp();         
                subMenu.slideDown();
            } else {
                subMenus.fadeOut(250);          
                subMenu.fadeIn(250);
            }
            subMenus_parents.removeClass('open');       
            li.addClass('open');    
        }
    });
    var ul = $('#sidebar > ul');
    $('#sidebar > a').click(function(e)
    {
        e.preventDefault();
        var sidebar = $('#sidebar');
        if(sidebar.hasClass('open'))
        {
            sidebar.removeClass('open');
            ul.slideUp(250);
        } else 
        {
            sidebar.addClass('open');
            ul.slideDown(250);
        }
    });
});`

替换为以下代码。

$('.subMenu > a').on("mouseover",function(e){});