jQuery MouseEnter / Leave with fadeIn（）flickery

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