Dropdown-Menü, das CSS/Jquery nicht anzeigt

Question

Ich habe ein Menü der 3. Ebene, das funktioniert. Zeigt jedoch nur eines der Dropdown-Menüs an, das andere erscheint versteckt.

Irgendwelche Ideen, was könnte das verursachen? in CSS kann nichts sehen blockiert ist

Hier die Plunkerhttps://plnkr.co/edit/XUS2SdMDw4HkPpB80tvm?p=preview

Es

Präsentation Videos

Designer Videos

zeigen sollte nur

aber zeigt

Präsentation Videos

<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

entfernen height:0 von unten Klasse

#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; 
}