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