Javascript Jquery：当主菜单悬停在子菜单项上时，停止效果

我在主菜单中有一个嵌套的子菜单。当用户将鼠标悬停在主菜单项上时，图像淡入淡出。子菜单也会出现同样的情况

我的问题是，当我将鼠标悬停在其嵌套子菜单上时，主菜单项中的图像不会淡出。我试过使用

.not（）

（例如：

.not（'ulli'）

）但没有效果

我还尝试过在子菜单项悬停时直接将目标指向父项，但也没有效果。（例如：

$（this.parent（）.parent（）.find（“a”）.html（）；

）

有人知道如何修改我的脚本，使鼠标悬停在第一个菜单项上不会影响第二个嵌套项吗

//FADE SUB MENU IMAGES    
$("#menu > ul > li > ul > li").hover(
      function () {
        var linktext = $(this).find("a").html(); 
        $('img[alt="' + linktext + '"]').stop().fadeIn('100');
         //FADEOUT PRIMARY MENU ITEM IMAGE
         var linktexttop = $(this).parent().parent().find("a").html();
        $('img[alt="' + linktexttop + '"]').stop().fadeIn('100');
      },
      function () {
        var linktext = $(this).find("a").html();
        $('img[alt="' + linktext + '"]').fadeOut('100');
      }
    );

编辑：添加了小提琴：

在小提琴中-当子菜单悬停在上方时，我只想显示蓝色方块，而不是同时显示两个，您可以使用和选择哪个“li”有孩子，哪个没有孩子

对主li使用

$（'li'）.has（'ul'）.hover（）

，对子菜单使用

$（'li:not（：has（ul））））.hover（）

---

我已经在这里更新了你的小提琴

介意创建一把小提琴来摆弄吗，可能会有帮助：）@tymeJV-sure-回头看看five@tymeJV添加了小提琴：注意当您将鼠标悬停在子菜单项上时，两个彩色方块是如何显示的。我只想看到蓝色的广场