在页面上显示准备好

Question

首先抱歉我的英语不好。如果我试图描述的问题不明确，请不要犹豫告诉我......

我有一个这样的菜单：

<ul class="menu">
  <li>
    <a href="#">Label 1</a>
    <ul class="sub-menu">
      <li>
      <a href="#">Label 1</a>
      </li>
    </ul>
  </li>
</ul>

当我点击ul.menu li时，子内容会以手风琴系统显示。 我的脚本运行良好。

在css中，.sub-menu显示在“block”（如果在浏览器中未激活javascript）。 在我的script.js文件中，当doc准备就绪时，我启动了一个管理菜单的函数。在这个函数中，我首先隐藏了ul.sub-menu然后进入菜单的机制。

我的问题是，当页面加载时，我首先可以看到ul.sub-menu显示为块，并且很快，“script.js”文件完成其工作并隐藏这些元素。 每次加载后显示菜单时，如果菜单闪烁（一切都打开，然后每个子菜单消失），它会给用户带来不愉快的效果。

如何解决此问题？在此先感谢您的帮助...

注意 - 关于功能的一切都在起作用，它只是一个视觉问题。

Answer 1

最好的办法是从

开始

ul.sub-menu{
   display:none;
}

在你的CSS中

。

然后显示一旦访问者激活链接/悬停，ec。