如何记住活动菜单

问题描述：

我有一个菜单子菜单（垂直）。我的第一个li与子菜单活跃，因为我是在当前页面，但我的问题是，当我将鼠标悬停在未来li我有子菜单显示，但如果我失去了主动li当我退出菜单如何记住活动菜单

我需要的是：

当我的光标是不是在我的菜单徘徊

，我需要具有阶级

这是我的样子做 enter link description here

默认的子菜单

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

http://jsfiddle.net/bymb6kvm/13/？ –

在这里你没有js有相同的效果：http://jsfiddle.net/bymb6kvm/14/ –

这是你想达到什么？ –

答

我已经改变了你的CSS，所以你不需要任何JS了。它的工作原理是这样的：

在正常状态下被显示与.on类的元件;

当你徘徊#menu那么我们隐藏所有.niveau2元素

当你徘徊一些选项卡，然后我们通过添加!important关键字显示属性只显示其.niveau2元素。

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

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

#menuu .on { 
    display: block; 
}

这里是我变化的例子：http://jsfiddle.net/bymb6kvm/14/

如何记住活动菜单

相关推荐