on click call hover/mouse

on click call hover/mouse

本文关键字：mouse hover call click on      更新时间：2023-09-26

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

<<p> jsfiddle演示/strong> 
$(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');
});

您必须添加类，以记住您的条件。我正在改变你的榜样jsfiddle演示

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

});

就像前面的答案一样，我认为最好的办法是添加一个在单击切换按钮时切换的类。与前面答案的唯一区别是，在jsfiddle演示中，添加

效果更好
       $('.imFirst').toggleClass('active');

这样你就可以在打开菜单后关闭它。

My rep too low to add this as comment.

相关文章：