点击呼叫悬停/鼠标

Question

我已经修复了侧边栏导航栏，它可以在悬停时使用，但我想通过单击折叠按钮打开第一个菜单。类似于将鼠标悬停在菜单 1 上。我已经尝试过以下方法。

jsfiddle Demo

$(document).on('click', '.btn1', function () {
    console.log('btn 1');
    //$('.imFirst  a').trigger('mouseenter');
    //$('.imFirst  a').trigger('mouseover');
    //$('.imFirst  a').trigger('hover');
    $('.imFirst a ').mouseenter()
    //$('.imFirst a ').mouseover()
    $('.imFirst   a').toggleClass('hover');

});

$(document).on('click', '.btn2', function () {
    console.log('btn 2');
   //$('.imFirst  ').trigger('mouseenter');
   //$('.imFirst  ').trigger('hover');
   //$('.imFirst  ').trigger('mouseover');
   $('.imFirst  ').mouseenter();
   //$('.imFirst  ').mouseover();
    $('.imFirst  ').toggleClass('hover');
});

Answer 1

你必须添加类，以记住你的条件。我要改变你的榜样 jsfiddle Demo

$(document).on('click', '.btn2', function () {
$('.imFirst').addClass('active');

});

Answer 2

与上一个答案一样，我认为您最好的选择是添加一个在您单击切换按钮时切换的类。与上一个答案的唯一区别是在 jsfiddle 演示中添加效果更好

       $('.imFirst').toggleClass('active');

这样您就可以在打开菜单后将其关闭。

我的代表太低，无法将此添加为评论。