如何隐藏页面加载下拉列表？

Question

我有一个dropdown菜单看起来下面这个样子：

<ul> 
    <li class="dropdown open"> 
     <a aria-expanded="true" href="#" class="dropdown-toggle waves-effect waves-button waves-classic" data-toggle="dropdown"> 
      <span class="user-name">Hi Rajendra! <i class="fa fa-angle-down"></i></span> 
      <img class="img-circle avatar" src="#" alt="" width="40" height="40"> 
     </a> 
     <ul class="dropdown-menu dropdown-list" role="menu" style=""> 
      <li role="presentation"><a href="profile.html"><i class="fa fa-user"></i>Profile</a></li> 
      <li role="presentation"><a href="login.html"><i class="fa fa-sign-out m-r-xs"></i>Log out</a></li> 
     </ul> 
    </li> 
</ul> 

这里是一个Screenshot。

问题：

这表明不点击菜单上的页面加载首次下拉列表中，我试图用visibility: hidden和display: none，它点击菜单后再次隐藏列表中，但没有显示。

请帮助我！

帮助将不胜感激！

Answer 1

我假设你正在使用一个框架来处理一些这方面，我相信只是去掉类开放会使其关闭开始：

<ul> 
<li class="dropdown"> 
    <a aria-expanded="true" href="#" class="dropdown-toggle waves-effect waves-button waves-classic" data-toggle="dropdown"> 
     <span class="user-name">Hi Rajendra! <i class="fa fa-angle-down"></i></span> 
     <img class="img-circle avatar" src="#" alt="" width="40" height="40"> 
    </a> 
    <ul class="dropdown-menu dropdown-list" role="menu" style=""> 
     <li role="presentation"><a href="profile.html"><i class="fa fa-user"></i>Profile</a></li> 
     <li role="presentation"><a href="login.html"><i class="fa fa-sign-out m-r-xs"></i>Log out</a></li> 
    </ul> 
</li>