页面加载上的垂直jquery megamenu插件子菜单

我正在使用jquery垂直巨型菜单，当我的页面加载时，它首先在呈现时显示所有菜单（包括子菜单），然后子菜单消失，看起来像一个正常的垂直菜单

我试着使用下面给出的解决方案为水平巨型菜单，但这是不工作的

#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>

如果没有看到要调试的页面，很难确定100%，但我可以想象以下情况

为了避免任何内容跳转，请确保使用CSS隐藏嵌套的UL，并且不依赖JavaScript隐藏子菜单。如果您使用的是Firebug或Chrome，请在禁用JavaScript时检查代码，以确保没有样式覆盖您的显示：无；在菜单项A下的第一个UL上

---

另外，如果

#menu.sub ul{display:block；}

的目的是让第二级嵌套ul保留为块元素，那么您缺少其LI父级的.sub类，因此将.sub类添加到子标题LIs。

也发布html。你的

#菜单是div还是ul？嗨，我正在使用这个网站上的代码，所以只留下你的第一块代码，应该是OK。对不起，我没有得到你…删除这个代码块
#菜单。子ul{display:block；}
，然后发布结果