下拉菜單不顯示CSS/Jquery

Question

我有一個三級菜單工作。但只顯示其中一個下拉菜單，另一個顯示爲隱藏。

任何想法可能導致這種情況？看不到任何東西阻擋在CSS

這裏是Plunkerhttps://plnkr.co/edit/XUS2SdMDw4HkPpB80tvm?p=preview

它應該顯示

介紹影片

設計師影片

部

，但只顯示

介紹影片

<div id="cssmenu"><div id="menu-button">Menu</div> 
    <ul> 
     <li class="has-sub"><span class="submenu-button"></span><a href="extractor-fans">Extractor Fans</a> 
      <ul style=""> 
       <li><a class="arrow" href="/bathroom-extractor-fans">Bathroom Shower</a> 
        <div class="has-sub"><span class="submenu-button"></span> 
         <ul> 
          <li><a href="bathroom-vids">Designer Videos</a></li> 
          <li><a href="bathroom-vids2">Presentation Videos</a></li> 
         </ul> 
        </div> 
       </li> 
       <li><a href="ceiling-bathroom"> Bathroom Cabinets</a> 
       </li> 
      </ul> 
     </li> 
    </ul> 
</div> 

Answer 1

從下面

類中刪除 height:0

#cssmenu ul ul li 
{ 
height: 0; 

-webkit-transition: all .25s ease; 
    -moz-transition: all .25s ease; 
    -ms-transition: all .25s ease; 
    -o-transition: all .25s ease; 
     transition: all .25s ease; 
}