jquery悬停菜单淡入淡出背景问题

首先，我使用wordpress，但这只是我使用的平台。 具体到我与hit州之间的问题

带有子导航的主菜单，当滚动一个菜单项时，有一个单独的div，它在背景中淡出，卷展栏淡出

但是，我在点击状态和衰减方面有一些缺陷 如果您快速切换至，则淡入淡出未完成，如果切换至子导航链接，则淡入淡出背景

这是我用来

$("#main-navigation li, #menu-footer-nav li").hover(
  function () {
    $(".nav-overlay-bottom").stop(true).fadeIn('slow');
  }, 
  function () {
    $(".nav-overlay-bottom").stop(true).fadeOut('slow');
  }
);

我还应该提到，在一个菜单上，它在一个不同的背景div中淡出，而不是在其他菜单上

$("#menu-item-1260").hover( function () {
    $(".nav-overlay").stop(true).fadeIn('slow');
        //$("#header").addClass("border-hover-top");
  }, 
  function () {
    $(".nav-overlay").stop(true).fadeOut('slow');
        //$("#header").removeClass("border-hover-top");

  }
);

我的js不是很好，所以我确定有更好的方法来编写它？

尝试

.stop（true，true）

强制动画立即完成，或者根本不使用

.stop（）

让动画排队。尝试

.stop（true，true）

但这会导致在翻滚其他导航项目时出现轻弹，并且在您离开后，停止会使每个项目u翻滚播放。您可能希望创建一个演示问题的窗口，否则我们很难实际看到您遇到的问题。