首页 > 代码库 > css实现二级菜单显示和收缩

css实现二级菜单显示和收缩

<ul class="nav">    <li><a href="#">一级菜单</a>        <ul class="subNav">            <li><a href="#">二级菜单</a></li>            <li><a href="#">二级菜单</a></li>            <li><a href="#">二级菜单</a></li>            <li><a href="#">二级菜单</a></li>        </ul>    </li>    <li><a href="#">一级菜单</a>        <ul class="subNav">            <li><a href="#">二级菜单</a></li>            <li><a href="#">二级菜单</a></li>            <li><a href="#">二级菜单</a></li>            <li><a href="#">二级菜单</a></li>        </ul>    </li>    <li><a href="#">一级菜单</a></li>    <li><a href="#">一级菜单</a></li>    <li><a href="#">一级菜单</a></li></ul>
ul>li ul{transition:height 0.3s;}ul>li:hover ul{height: 120px;}

 

css实现二级菜单显示和收缩