下拉菜单不显示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; 
}