javascript - jQuery MouseEnter/Leave with fadeIn() 闪烁

Question

我正在使用 jquery 对网站的一部分进行编程，当您将鼠标悬停在一个按钮上时，它会隐藏一个特定的 div 并显示另一个，然后当鼠标离开时它会隐藏那个并显示原始的，而且效果很好，但是当你快速按下按钮时它会闪烁并开始显示所有 div(不隐藏一些)

我的代码:

function changeAddPanelText(element, element2) {
    $(element).hover(function(){
        $("#add-content-desc1").toggle();
        $(element2).fadeIn(700);
    },

    function(){
        $(element2).toggle();
        $("#add-content-desc1").fadeIn(700);
    });
}

有什么想法吗？谢谢

编辑:我将代码更新为当前版本。

Answer 1

试试这个

function changeAddPanelText(element, element2) {
    $(element).hover(function(){
        $("#add-content-desc1, element2").stop().toggle();
    }, function(){
        $("#add-content-desc1, element2").stop().toggle();
    });
}