Bootstrap 树形菜单

<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>