Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/35.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery 如何在悬停在顶层时展开所有菜单项,并在超出范围时再次删除它们?_Jquery_Css - Fatal编程技术网

Jquery 如何在悬停在顶层时展开所有菜单项,并在超出范围时再次删除它们?

Jquery 如何在悬停在顶层时展开所有菜单项,并在超出范围时再次删除它们?,jquery,css,Jquery,Css,我有三级菜单。进入网站时,菜单的所有级别都应隐藏,1级除外。将鼠标悬停在level-1上时,应显示所有子菜单(level-2和level-3) 我的菜单如下所示: 这使得站点只显示顶层 如何展开悬停时的所有其他级别,并在解除悬停时再次删除它们?以最简单的形式 ul.nav li > ul > li { display: none; } ​ ul.nav li:hover li { display: block; } ul.nav > li { backg

我有三级菜单。进入网站时,菜单的所有级别都应隐藏,1级除外。将鼠标悬停在level-1上时,应显示所有子菜单(level-2和level-3)

我的菜单如下所示:

这使得站点只显示顶层

如何展开悬停时的所有其他级别,并在解除悬停时再次删除它们?

以最简单的形式

    ul.nav li > ul > li { display: none; }
​    ul.nav li:hover li { display: block; }
    ul.nav > li { background-color: #eee; }

您的
ul
之一具有
style=“display:none;”
内联设置…如果您想显示它,请将其删除

ul.nav li > ul > li { display: none }
    ul.nav li > ul > li { display: none; }
​    ul.nav li:hover li { display: block; }
    ul.nav > li { background-color: #eee; }