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();
    });
}