點擊通話時懸停/鼠標

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

因此您可以在打開菜單后將其關閉。

我的代表太低，無法將其添加為評論。