我正在使用来自http://www.designchemical.com的 jquery Vertical Mega 菜单, 当我的页面加载它时,它首先显示所有菜单(包括子菜单)一瞬间呈现,然后子菜单消失,看起来像一个普通的垂直菜单。
我尝试使用为水平巨型菜单提供的以下解决方案,但这不起作用......
#mega-1 li ul {
display: none;
}
#mega-1 .sub ul {
display: block;
}
请建议如何使它工作
html代码
<ul id="mega-1" class="mega-menu">
<li><a href="#">Menu Item A</a>
<ul>
<li><a href="#">Sub-Header 1</a>
<ul>
<li><a href="#">Menu Link</a></li>
<li><a href="#">Menu Link</a></li>
<li><a href="#">Menu Link</a></li>
</ul>
</li>
<li><a href="#">Sub-Header 2</a>
<ul>
<li><a href="#">Menu Link</a></li>
<li><a href="#">Menu Link</a></li>
<li><a href="#">Menu Link</a></li>
</ul>
</li>
<li><a href="#">Sub-Header 3</a>
<ul>
<li><a href="#">Menu Link</a></li>
<li><a href="#">Menu Link</a></li>
<li><a href="#">Menu Link</a></li>
</ul>
</li>
</ul>
</li>
</ul>