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