我有固定的侧边栏导航栏,它在悬停时工作,但我想通过单击折叠按钮打开第一个菜单。类似的工作,如悬停菜单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.