如何隱藏頁面加載下拉列表？

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>