​APP二级下拉菜单

Question

html 部分

:;456123123123:;:;

css部分

.{
   :;
   :;
   :;
   :;
   :;
   :;
   :;
   :;
   :;
   
}
.{
   :;
   :;
   :;
   :;
   :;:;:;
   :;
   :;
   
}
.>>{
   :;
}
.{
   :;
   :;
   :;
   :;
   :;
   :;
   :;
   :;
   :;
   
}
.{
   :;
}
.{
   :;
   :;
}
.{
   :;
   :;
   :;
   :;
   :;
   :;
   :;
   :;
   :;
   :;
   :;
   :;
}
.{
   :;
   :;
   :;
   :;
   :;
   :;
   :;
   :;
   :;
}

想要的效果是点击全国 ，就出来一级北京市和辽宁省，点击辽宁省就出来辽宁省对应的市，然后还能点击辽宁省隐藏 对应市，点击全国能把所有的都隐藏了

Answer 1

亲，你的代码被吞了。。重新贴一下。。

Answer 2

<div id="header">    <div class="c"></div>    <ul>       <li class="cd" data-role="collapsible">            <h1>离我最近</h1>           <ul class="second_1">               <li><a href="">456</a></li>                <li><a href="">123</a><li>                <li><a href="">123</a></li>                <li><a href="">123</a></li>            </ul>        </li>        <li class="cd"><p>全国</p>            <ul class="second_2" style="display:none;">                <li>辽宁省                    <ul class="ln" style="display:none;">                        <li><a href="">沈阳</a></li>                        <li><a href="">大连</a></li>                        <li><a href="">鞍山</a></li>                        <li><a href="">抚顺</a></li>                        <li><a href="">本溪</a></li>                        <li><a href="">丹东</a></li>                        <li><a href="">锦州</a></li>                        <li><a href="">营口</a></li>                        <li><a href="">阜新</a></li>                        <li><a href="">辽阳</a></li>                        <li><a href="">铁岭</a></li>                        <li><a href="">朝阳</a></li>                        <li><a href="">葫芦岛</a></li>                    </ul>                </li>            </ul>        </li>        <li class="cd" data-role="collapsible">            <h1>默认排序</h1>           <ul class="second_3" >               <li><a href="">职能排序</a></li>            </ul>        </li>    </ul></div>css部分/*二级菜单*/#header .second_1{   width:182px;   height:350px;   border:1px solid #3cc1b6;   border-radius:10px;   position:absolute;   left:68px;   background-color:#FFF;   text-align:center;   color:#F00;   }#header .second_2{   width:182px;   height:1260px;   border:1px solid #3cc1b6;   border-radius:10px;   position:absolute;/**/   left:396px;/**/   background-color:#FFF;   text-align:center;   color:#F00;   }.dropdown-menu>li>a{   font-size:40px;}#header .second_3{   width:182px;   height:350px;   border:1px solid #3cc1b6;   border-radius:10px;   position:absolute;   right:75px;   background-color:#FFF;   text-align:center;   color:#F00;   }