javascript - 如何记住事件菜单

Question

我有一个带有子菜单(垂直)的菜单。我的第一个 li 与子菜单处于事件状态，因为我位于当前页面，但我的问题是当我将鼠标悬停在下一个 li 时，子菜单会显示它，但是如果我退出菜单时丢失了事件 li

我需要的是:

1. 当我的光标没有悬停在菜单中时，我需要具有 on 类的默认子菜单

这就是我的样子，做吧 enter link description here

我在 FIDDLE 中的代码的链接 enter link description here

Answer 1

我已经更改了你的 css，所以你现在不需要任何 js。 它的工作原理是这样的:

• In normal state an element with .on class is displayed;
• When you hover #menu then we hide all the .niveau2 elements
• When you hover some tab then we show only its .niveau2 element by adding an !important keyword to display property.

#menuu ul li:hover ul{
   display: inline-block !important;    
}

#menuu ul:hover .niveau2 {
    display: none;
}

#menuu .on {
    display: block;
}

这是我的更改示例:http://jsfiddle.net/bymb6kvm/14/