<ul id='one'> <li id='prent1'> <a class='' data-toggle='collapse' data-percent='prent1' href='#prent1_child'><span class="glyphicon glyphicon-home"style="margin-right: 10px;"></span>这是一个神奇的地方</a> <ul class='collapse' id='prent1_child'> <li data-toggle='collapse' data-percent='prent2_1' href='#prent2_1_child'> <span class="glyphicon glyphicon-user " style="margin-right: 10px;margin-left: 10px;"></span> 一号 </li> <ul class='collapse' id='prent2_1_child'> <li data-toggle='collapse' data-percent='prent2_1_child' href='#prent2_1_1_child'><span class="glyphicon glyphicon-user "></span>一号-->1</li> <ul class='collapse' id='prent2_1_1_child'> <li><span class="glyphicon glyphicon-user "></span>一号-->1_1_1</li> <li><span class="glyphicon glyphicon-user "></span>一号-->1_1_2</li> </ul> <li data-toggle='collapse' data-percent='prent2_1_child' href='#prent2_1_2_child'><span class="glyphicon glyphicon-user "></span>一号-->2</li> <ul class='collapse' id='prent2_1_2_child'> <li><span class="glyphicon glyphicon-user "></span>一号-->1_2_1</li> <li><span class="glyphicon glyphicon-user "></span>一号-->1_2_2</li> </ul> <li data-toggle='collapse' data-percent='prent2_1_child' href='#prent2_1_3_child'><span class="glyphicon glyphicon-user "></span>一号-->3</li> <ul class='collapse' id='prent2_1_3_child'> <li><span class="glyphicon glyphicon-user "></span>一号-->1_3_1</li> <li><span class="glyphicon glyphicon-user "></span>一号-->1_3_2</li> </ul> </ul> <li data-toggle='collapse' data-percent='prent2_2' href='#prent2_2_child'> <span class="glyphicon glyphicon-user "></span>二号 </li> <ul class='collapse' id='prent2_2_child'> <li data-toggle='collapse' data-percent='prent2_2_child' href='#prent2_2_1_child'>二号-->1</li> <ul class='collapse' id='prent2_2_1_child'> <li><span class="glyphicon glyphicon-user "></span>二号-->2_1_1</li> <li><span class="glyphicon glyphicon-user "></span>二号-->2_1_2</li> </ul> <li data-toggle='collapse' data-percent='prent2_2_child' href='#prent2_2_2_child'><span class="glyphicon glyphicon-user "></span>二号-->2</li> <ul class='collapse' id='prent2_2_2_child'> <li><span class="glyphicon glyphicon-user "></span>二号-->2_2_1</li> <li><span class="glyphicon glyphicon-user "></span>二号-->2_2_2</li> </ul> <li data-toggle='collapse' data-percent='prent2_2_child' href='#prent2_2_3_child'><span class="glyphicon glyphicon-user "></span>二号-->3</li> <ul class='collapse' id='prent2_2_3_child'> <li><span class="glyphicon glyphicon-user "></span>二号-->2_3_1</li> <li><span class="glyphicon glyphicon-user "></span>二号-->2_3_2</li> </ul> </ul> <li data-toggle='collapse' data-percent='prent2_3' href='#prent2_3_child'> <span class="glyphicon glyphicon-user "></span>三号 </li> <ul class='collapse' id='prent2_3_child'> <li data-toggle='collapse' data-percent='prent2_3_child' href='#prent2_3_1_child'><span class="glyphicon glyphicon-user "></span>三号-->1</li> <ul class='collapse' id='prent2_3_1_child'> <li><span class="glyphicon glyphicon-user "></span>三号-->3_1_1</li> <li><span class="glyphicon glyphicon-user "></span>三号-->3_1_2</li> </ul> <li data-toggle='collapse' data-percent='prent2_3_child' href='#prent2_3_2_child'><span class="glyphicon glyphicon-user "></span>三号-->2</li> <ul class='collapse' id='prent2_3_2_child'> <li><span class="glyphicon glyphicon-user "></span>三号-->3_2_1</li> <li><span class="glyphicon glyphicon-user "></span>三号-->3_2_2</li> </ul> <li data-toggle='collapse' data-percent='prent2_3_child' href='#prent2_3_3_child'><span class="glyphicon glyphicon-user "></span>三号-->3</li> <ul class='collapse' id='prent2_3_3_child'> <li><span class="glyphicon glyphicon-user "></span>三号-->3_3_1</li> <li><span class="glyphicon glyphicon-user "></span>三号-->3_3_2</li> </ul> </ul> </ul> </li> </ul>
Bootstrap 树形菜单
最新推荐文章于 2024-06-12 16:34:59 发布