如何从页面底部的HTML向此菜单结构添加其他级别?

当前

Test

--->a
--->b


我想做什么

Test

   --->a
           --->1
           --->2
   --->b
           --->1
           --->2


html

<li class="nav-header">
    <a data-target="#menu5" data-toggle="collapse" href="#">
    <h3>test</h3></a>
    <ul class="list-unstyled collapse" id="menu5">
        <li>
            <a href="#"><i class="glyphicon glyphicon-circle"></i> Facebook</a>
        </li>
        <li>
            <a href="#"><i class="glyphicon glyphicon-circle"></i> Twitter</a>
        </li>
    </ul>
</li>

最佳答案

<ul>
  <li class="nav-header">
                <a data-target="#menu5" data-toggle="collapse" href="#">
                <h3>test</h3></a>
                <ul class="list-unstyled collapse" id="menu5">
                    <li>
                        <a data-target="#submenu" data-toggle="collapse" href="#"><i class="glyphicon glyphicon-circle"></i> Facebook</a>
                        <ul class="list-unstyled collapse" id="submenu">
                           <li> 1 </li>
                           <li> 2</li>
                        </ul>
                    </li>
                    <li>
                        <a href="#"><i class="glyphicon glyphicon-circle"></i> Twitter</a>
                    </li>
                </ul>
  </li>
</ul>


我相信您只需要创建一个具有唯一ID的折叠元素即可。使用<a>元素作为切换。

07-24 09:46
查看更多