jQuery MouseEnter/Leave with fadeIn() flickery

本文关键字：flickery fadeIn with MouseEnter Leave jQuery 更新时间：2023-09-26

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

我的代码：

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

有什么想法吗？谢谢

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

试试这个

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