Javascript jQuery错误地导致悬停

我想用jQuery显示隐藏的导航。这是我的密码：

$（文档）.ready（函数（）{
var x=0；
$（“.navbar固定顶部”）.mouseover（函数（）{
控制台日志（“555”）；
如果（x！=1）{
$（“.header三角形”）.fadeToggle（）；
$（“.topbar菜单”）.slideToggle（）；
}
x=0；
});
});
.topbar菜单{
背景色：rgba（84,84,84,0.4）；
高度：40px；
线高：40px；
方向：rtl；
显示：无；
}
#固定头{
背景色：rgba（84,84,84,0.4）；
}

切换导航










这里有一个代码笔链接：
您需要将其更改为mouseenter或mouseleave以仅触发一次：

$(".navbar-fixed-top").mouseenter(function() {
    console.log("555");
    if (x != 1) {
      $(".header-triangle").fadeToggle();
      $(".topbar-menu").slideToggle();
    }

您可能需要
mouseenter
而不是
mouseover
，如果您想在鼠标离开时做点什么，那么您可能需要
mouseleave