Question

我使用子菜单编写菜单代码，以显示用户何时悬停在主菜单链接上。

我的问题是添加和删除一个类来显示和隐藏带有JS和CSS3动画的子菜单容器，当使用鼠标输入和输出主菜单容器中的链接时：i＆＃39; ve使用data-section属性将子菜单与悬停链接进行匹配。

答案似乎非常简单明了，但我无法解决，因为二级菜单放在另一个“条带”中。容器，我不会修改结构HTML标记。

以下是要测试的工作代码：

Answer 1

在两个菜单之间切换时，需要先清除现有菜单。此外，您需要清除它们的计时器。在以下代码中，使用了两个函数：第一个用于清除超时，第二个用于清除可见的子菜单。

var $submenu = $('.' + selector);
var visSub = $('.strip-header-submenu .submenu.is-visible').not($submenu);
    if (visSub.length > 0) {
        clearHideTimeout(visSub);
        hideSubmenu(visSub);
    }

工作小提琴：http://jsfiddle.net/66xvLrL4/2/

当鼠标进入/离开链接</div>时，如何显示/隐藏非子<div>

1 个答案: