点击通话时悬停/鼠标

Question

我有固定的侧边栏导航栏，它可以在悬停时使用，但是我想通过单击折叠按钮来打开第一个菜单。 类似于悬停在菜单1上的工作。我已经尝试了以下方法。

jsfiddle演示

$(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演示

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

}）;

Answer 2

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

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

因此您可以在打开菜单后将其关闭。

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