Question

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

$(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');

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

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

点击呼叫悬停/鼠标

2 个答案: