javascript - サブメニューにカーソルを合わせると、サイドバーからサブメニューがスライドダウンする方法

Question

サブメニュー以外のオプションをクリックするとスライドダウンするサイドバーを作成しましたが、サブメニューをクリックせずにカーソルをメニューオプションに移動すると、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);
        }
    });

});`

Answer 1

次のコードに置き換えます。

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