简体   繁体   English

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

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

I have made a sidebar on which if i click on any option than submenu slides down,but now i want if i just take my cursor to the menu option ,without clicking the sub-menu it should slides down js code: 我已经做了一个侧边栏,如果我单击任何选项而不是子菜单会向下滑动,但是现在我想如果我只是将光标移到菜单选项,而不单击子菜单,它将向下滑动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){});

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM