下拉菜单不显示CSS / Jquery

Question

我有一个第三级菜单。但只显示其中一个下拉列表，另一个显示为隐藏。

任何可能导致这种情况的想法？在CSS中看不到任何阻塞

以下是Plunker https://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;
}