jQuery-小demo

jQuery下拉框

//html
  <ul class="nav">
        <li>1
            <ul class="z-nav">
                <li>1</li>
                <li>2</li>
                <li>3</li>
            </ul>
        </li>
        <li>2
            <ul class="z-nav">
                <li>1</li>
                <li>2</li>
                <li>3</li>
            </ul>
        </li>
        <li>3
            <ul class="z-nav">
                <li>1</li>
                <li>2</li>
                <li>3</li>
            </ul>
        </li>
    </ul>
//css
 .z-nav,
        .nav {
   
            list-style: none;
        }

        .nav li {
   
            width: 200px;
            height: 80px