• 基于bootstrap样式的tree,


    <!doctype html>
    <html lang="zh">
    <head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <title>bootstrap 树</title>
    <!-- Bootstrap core CSS -->
    <link rel="stylesheet" href="http://cdn.bootcss.com/bootstrap/3.3.0/css/bootstrap.min.css">
    <style>
    .hj-tree{
    border:1px solid #ddd;
    }

    .list-group {
    padding-left: 0;
    margin-bottom: 1px;
    }

    .list-group-item {
    position: relative;
    display: block;
    padding: 0px;
    padding-top:5px;
    padding-bottom:5px;
    padding-left:20px;
    margin-bottom: -1px;
    background-color: #fff;
    border: 0px solid #ddd;
    }

    .child-list-group{
    display:none;
    }

    .hj-tree-node{
    cursor: pointer;
    border:0px solid red;
    }

    .hj-node-gly{
    padding-right:10px;
    }
    </style>
    </head>
    <body>
    <div class="container-fluid">
    <div class="hj-tree">
    <ul class="list-group">
    <li class="list-group-item">
    <p class="media hj-tree-node"><span class="glyphicon glyphicon-plus hj-node-gly"></span>一级菜单</p>
    <ul class="list-group child-list-group">
    <li class="list-group-item">
    <p class="media hj-tree-node"><span class="glyphicon glyphicon-plus hj-node-gly"></span>二级菜单</p>
    <ul class="list-group child-list-group">
    <li class="list-group-item">
    <p class="media hj-tree-node"><span class="glyphicon glyphicon-plus hj-node-gly"></span>三级菜单</p>
    <ul class="list-group child-list-group">
    <li class="list-group-item">
    <p class="media hj-tree-node"><span class="glyphicon glyphicon-plus hj-node-gly"></span>四级菜单</p>
    <ul class="list-group child-list-group">
    <li class="list-group-item">
    <span class="glyphicon glyphicon-folder-open hj-node-gly"></span>
    <a href="">五级菜单</a>
    </li>
    <li class="list-group-item">
    <span class="glyphicon glyphicon-folder-open hj-node-gly"></span>
    <a href="">五级菜单</a>
    </li>
    <li class="list-group-item">
    <span class="glyphicon glyphicon-folder-open hj-node-gly"></span>
    <a href="">五级菜单</a>
    </li>
    <li class="list-group-item">
    <span class="glyphicon glyphicon-folder-open hj-node-gly"></span>
    <a href="">五级菜单</a>
    </li>
    <li class="list-group-item">
    <span class="glyphicon glyphicon-folder-open hj-node-gly"></span>
    <a href="">五级菜单</a>
    </li>
    </ul>
    </li>
    <li class="list-group-item">
    <p class="media hj-tree-node"><span class="glyphicon glyphicon-plus hj-node-gly"></span>四级菜单</p>
    <ul class="list-group child-list-group">
    <li class="list-group-item">
    <span class="glyphicon glyphicon-folder-open hj-node-gly"></span>
    <a href="">五级菜单</a>
    </li>
    <li class="list-group-item">
    <span class="glyphicon glyphicon-folder-open hj-node-gly"></span>
    <a href="">五级菜单</a>
    </li>
    <li class="list-group-item">
    <span class="glyphicon glyphicon-folder-open hj-node-gly"></span>
    <a href="">五级菜单</a>
    </li>
    <li class="list-group-item">
    <span class="glyphicon glyphicon-folder-open hj-node-gly"></span>
    <a href="">五级菜单</a>
    </li>
    <li class="list-group-item">
    <span class="glyphicon glyphicon-folder-open hj-node-gly"></span>
    <a href="">五级菜单</a>
    </li>
    </ul>
    </li>
    <li class="list-group-item">
    <p class="media hj-tree-node"><span class="glyphicon glyphicon-plus hj-node-gly"></span>四级菜单</p>
    <ul class="list-group child-list-group">
    <li class="list-group-item">
    <span class="glyphicon glyphicon-folder-open hj-node-gly"></span>
    <a href="">五级菜单</a>
    </li>
    <li class="list-group-item">
    <span class="glyphicon glyphicon-folder-open hj-node-gly"></span>
    <a href="">五级菜单</a>
    </li>
    <li class="list-group-item">
    <span class="glyphicon glyphicon-folder-open hj-node-gly"></span>
    <a href="">五级菜单</a>
    </li>
    <li class="list-group-item">
    <span class="glyphicon glyphicon-folder-open hj-node-gly"></span>
    <a href="">五级菜单</a>
    </li>
    <li class="list-group-item">
    <span class="glyphicon glyphicon-folder-open hj-node-gly"></span>
    <a href="">五级菜单</a>
    </li>
    </ul>
    </li>
    </ul>
    </li>
    <li class="list-group-item">
    <p class="media hj-tree-node"><span class="glyphicon glyphicon-plus hj-node-gly"></span>三级菜单</p>
    <ul class="list-group child-list-group">
    <li class="list-group-item">
    <p class="media hj-tree-node"><span class="glyphicon glyphicon-plus hj-node-gly"></span>四级菜单</p>
    <ul class="list-group child-list-group">
    <li class="list-group-item">
    <span class="glyphicon glyphicon-plus hj-node-gly"></span>
    <a href="">五级菜单</a>
    </li>
    <li class="list-group-item">
    <span class="glyphicon glyphicon-plus hj-node-gly"></span>
    <a href="">五级菜单</a>
    </li>
    <li class="list-group-item">
    <span class="glyphicon glyphicon-plus hj-node-gly"></span>
    <a href="">五级菜单</a>
    </li>
    <li class="list-group-item">
    <span class="glyphicon glyphicon-plus hj-node-gly"></span>
    <a href="">五级菜单</a>
    </li>
    <li class="list-group-item">
    <span class="glyphicon glyphicon-plus hj-node-gly"></span>
    <a href="">五级菜单</a>
    </li>
    </ul>
    </li>
    </ul>
    </li>
    <li class="list-group-item">
    <p class="media hj-tree-node"><span class="glyphicon glyphicon-plus hj-node-gly"></span>三级菜单</p>
    <ul class="list-group child-list-group">
    <li class="list-group-item">
    <p class="media hj-tree-node"><span class="glyphicon glyphicon-plus hj-node-gly"></span>四级菜单</p>
    <ul class="list-group child-list-group">
    <li class="list-group-item">
    <span class="glyphicon glyphicon-plus hj-node-gly"></span>
    <a href="">五级菜单</a>
    </li>
    <li class="list-group-item">
    <span class="glyphicon glyphicon-plus hj-node-gly"></span>
    <a href="">五级菜单</a>
    </li>
    <li class="list-group-item">
    <span class="glyphicon glyphicon-plus hj-node-gly"></span>
    <a href="">五级菜单</a>
    </li>
    <li class="list-group-item">
    <span class="glyphicon glyphicon-plus hj-node-gly"></span>
    <a href="">五级菜单</a>
    </li>
    <li class="list-group-item">
    <span class="glyphicon glyphicon-plus hj-node-gly"></span>
    <a href="">五级菜单</a>
    </li>
    </ul>
    </li>
    </ul>
    </li>
    </ul>
    </li>
    <li class="list-group-item">
    <p class="media hj-tree-node"><span class="glyphicon glyphicon-plus hj-node-gly"></span>二级菜单</p>
    <ul class="list-group child-list-group">
    <li class="list-group-item">
    <p class="media hj-tree-node"><span class="glyphicon glyphicon-plus hj-node-gly"></span>三级菜单</p>
    <ul class="list-group child-list-group">
    <li class="list-group-item">
    <p class="media hj-tree-node"><span class="glyphicon glyphicon-plus hj-node-gly"></span>四级菜单</p>
    <ul class="list-group child-list-group">
    <li class="list-group-item">
    <span class="glyphicon glyphicon-plus hj-node-gly"></span>
    <a href="">五级菜单</a>
    </li>
    <li class="list-group-item">
    <span class="glyphicon glyphicon-plus hj-node-gly"></span>
    <a href="">五级菜单</a>
    </li>
    <li class="list-group-item">
    <span class="glyphicon glyphicon-plus hj-node-gly"></span>
    <a href="">五级菜单</a>
    </li>
    <li class="list-group-item">
    <span class="glyphicon glyphicon-plus hj-node-gly"></span>
    <a href="">五级菜单</a>
    </li>
    <li class="list-group-item">
    <span class="glyphicon glyphicon-plus hj-node-gly"></span>
    <a href="">五级菜单</a>
    </li>
    </ul>
    </li>
    </ul>
    </li>
    <li class="list-group-item">
    <p class="media hj-tree-node"><span class="glyphicon glyphicon-plus hj-node-gly"></span>三级菜单</p>
    <ul class="list-group child-list-group">
    <li class="list-group-item">
    <p class="media hj-tree-node"><span class="glyphicon glyphicon-plus hj-node-gly"></span>四级菜单</p>
    <ul class="list-group child-list-group">
    <li class="list-group-item">
    <span class="glyphicon glyphicon-plus hj-node-gly"></span>
    <a href="">五级菜单</a>
    </li>
    <li class="list-group-item">
    <span class="glyphicon glyphicon-plus hj-node-gly"></span>
    <a href="">五级菜单</a>
    </li>
    <li class="list-group-item">
    <span class="glyphicon glyphicon-plus hj-node-gly"></span>
    <a href="">五级菜单</a>
    </li>
    <li class="list-group-item">
    <span class="glyphicon glyphicon-plus hj-node-gly"></span>
    <a href="">五级菜单</a>
    </li>
    <li class="list-group-item">
    <span class="glyphicon glyphicon-plus hj-node-gly"></span>
    <a href="">五级菜单</a>
    </li>
    </ul>
    </li>
    </ul>
    </li>
    <li class="list-group-item">
    <p class="media hj-tree-node"><span class="glyphicon glyphicon-plus hj-node-gly"></span>三级菜单</p>
    <ul class="list-group child-list-group">
    <li class="list-group-item">
    <p class="media hj-tree-node"><span class="glyphicon glyphicon-plus hj-node-gly"></span>四级菜单</p>
    <ul class="list-group child-list-group">
    <li class="list-group-item">
    <span class="glyphicon glyphicon-plus hj-node-gly"></span>
    <a href="">五级菜单</a>
    </li>
    <li class="list-group-item">
    <span class="glyphicon glyphicon-plus hj-node-gly"></span>
    <a href="">五级菜单</a>
    </li>
    <li class="list-group-item">
    <span class="glyphicon glyphicon-plus hj-node-gly"></span>
    <a href="">五级菜单</a>
    </li>
    <li class="list-group-item">
    <span class="glyphicon glyphicon-plus hj-node-gly"></span>
    <a href="">五级菜单</a>
    </li>
    <li class="list-group-item">
    <span class="glyphicon glyphicon-plus hj-node-gly"></span>
    <a href="">五级菜单</a>
    </li>
    </ul>
    </li>
    </ul>
    </li>
    </ul>
    </li>
    <li class="list-group-item">
    <p class="media hj-tree-node"><span class="glyphicon glyphicon-plus hj-node-gly"></span>二级菜单</p>
    <ul class="list-group child-list-group">
    <li class="list-group-item">
    <p class="media hj-tree-node"><span class="glyphicon glyphicon-plus hj-node-gly"></span>三级菜单</p>
    <ul class="list-group child-list-group">
    <li class="list-group-item">
    <p class="media hj-tree-node"><span class="glyphicon glyphicon-plus hj-node-gly"></span>四级菜单</p>
    <ul class="list-group child-list-group">
    <li class="list-group-item">
    <span class="glyphicon glyphicon-plus hj-node-gly"></span>
    <a href="">五级菜单</a>
    </li>
    <li class="list-group-item">
    <span class="glyphicon glyphicon-plus hj-node-gly"></span>
    <a href="">五级菜单</a>
    </li>
    <li class="list-group-item">
    <span class="glyphicon glyphicon-plus hj-node-gly"></span>
    <a href="">五级菜单</a>
    </li>
    <li class="list-group-item">
    <span class="glyphicon glyphicon-plus hj-node-gly"></span>
    <a href="">五级菜单</a>
    </li>
    <li class="list-group-item">
    <span class="glyphicon glyphicon-plus hj-node-gly"></span>
    <a href="">五级菜单</a>
    </li>
    </ul>
    </li>
    </ul>
    </li>
    <li class="list-group-item">
    <p class="media hj-tree-node"><span class="glyphicon glyphicon-plus hj-node-gly"></span>三级菜单</p>
    <ul class="list-group child-list-group">
    <li class="list-group-item">
    <p class="media hj-tree-node"><span class="glyphicon glyphicon-plus hj-node-gly"></span>四级菜单</p>
    <ul class="list-group child-list-group">
    <li class="list-group-item">
    <span class="glyphicon glyphicon-plus hj-node-gly"></span>
    <a href="">五级菜单</a>
    </li>
    <li class="list-group-item">
    <span class="glyphicon glyphicon-plus hj-node-gly"></span>
    <a href="">五级菜单</a>
    </li>
    <li class="list-group-item">
    <span class="glyphicon glyphicon-plus hj-node-gly"></span>
    <a href="">五级菜单</a>
    </li>
    <li class="list-group-item">
    <span class="glyphicon glyphicon-plus hj-node-gly"></span>
    <a href="">五级菜单</a>
    </li>
    <li class="list-group-item">
    <span class="glyphicon glyphicon-plus hj-node-gly"></span>
    <a href="">五级菜单</a>
    </li>
    </ul>
    </li>
    </ul>
    </li>
    <li class="list-group-item">
    <p class="media hj-tree-node"><span class="glyphicon glyphicon-plus hj-node-gly"></span>三级菜单</p>
    <ul class="list-group child-list-group">
    <li class="list-group-item">
    <p class="media hj-tree-node"><span class="glyphicon glyphicon-plus hj-node-gly"></span>四级菜单</p>
    <ul class="list-group child-list-group">
    <li class="list-group-item">
    <span class="glyphicon glyphicon-plus hj-node-gly"></span>
    <a href="">五级菜单</a>
    </li>
    <li class="list-group-item">
    <span class="glyphicon glyphicon-plus hj-node-gly"></span>
    <a href="">五级菜单</a>
    </li>
    <li class="list-group-item">
    <span class="glyphicon glyphicon-plus hj-node-gly"></span>
    <a href="">五级菜单</a>
    </li>
    <li class="list-group-item">
    <span class="glyphicon glyphicon-plus hj-node-gly"></span>
    <a href="">五级菜单</a>
    </li>
    <li class="list-group-item">
    <span class="glyphicon glyphicon-plus hj-node-gly"></span>
    <a href="">五级菜单</a>
    </li>
    </ul>
    </li>
    </ul>
    </li>
    </ul>
    </li>
    <li class="list-group-item">
    <p class="media hj-tree-node"><span class="glyphicon glyphicon-plus hj-node-gly"></span>二级菜单</p>
    <ul class="list-group child-list-group">
    <li class="list-group-item">
    <p class="media hj-tree-node"><span class="glyphicon glyphicon-plus hj-node-gly"></span>三级菜单</p>
    <ul class="list-group child-list-group">
    <li class="list-group-item">
    <p class="media hj-tree-node"><span class="glyphicon glyphicon-plus hj-node-gly"></span>四级菜单</p>
    <ul class="list-group child-list-group">
    <li class="list-group-item">
    <span class="glyphicon glyphicon-plus hj-node-gly"></span>
    <a href="">五级菜单</a>
    </li>
    <li class="list-group-item">
    <span class="glyphicon glyphicon-plus hj-node-gly"></span>
    <a href="">五级菜单</a>
    </li>
    <li class="list-group-item">
    <span class="glyphicon glyphicon-plus hj-node-gly"></span>
    <a href="">五级菜单</a>
    </li>
    <li class="list-group-item">
    <span class="glyphicon glyphicon-plus hj-node-gly"></span>
    <a href="">五级菜单</a>
    </li>
    <li class="list-group-item">
    <span class="glyphicon glyphicon-plus hj-node-gly"></span>
    <a href="">五级菜单</a>
    </li>
    </ul>
    </li>
    </ul>
    </li>
    <li class="list-group-item">
    <p class="media hj-tree-node"><span class="glyphicon glyphicon-plus hj-node-gly"></span>三级菜单</p>
    <ul class="list-group child-list-group">
    <li class="list-group-item">
    <p class="media hj-tree-node"><span class="glyphicon glyphicon-plus hj-node-gly"></span>四级菜单</p>
    <ul class="list-group child-list-group">
    <li class="list-group-item">
    <span class="glyphicon glyphicon-plus hj-node-gly"></span>
    <a href="">五级菜单</a>
    </li>
    <li class="list-group-item">
    <span class="glyphicon glyphicon-plus hj-node-gly"></span>
    <a href="">五级菜单</a>
    </li>
    <li class="list-group-item">
    <span class="glyphicon glyphicon-plus hj-node-gly"></span>
    <a href="">五级菜单</a>
    </li>
    <li class="list-group-item">
    <span class="glyphicon glyphicon-plus hj-node-gly"></span>
    <a href="">五级菜单</a>
    </li>
    <li class="list-group-item">
    <span class="glyphicon glyphicon-plus hj-node-gly"></span>
    <a href="">五级菜单</a>
    </li>
    </ul>
    </li>
    </ul>
    </li>
    <li class="list-group-item">
    <p class="media hj-tree-node"><span class="glyphicon glyphicon-plus hj-node-gly"></span>三级菜单</p>
    <ul class="list-group child-list-group">
    <li class="list-group-item">
    <p class="media hj-tree-node"><span class="glyphicon glyphicon-plus hj-node-gly"></span>四级菜单</p>
    <ul class="list-group child-list-group">
    <li class="list-group-item">
    <span class="glyphicon glyphicon-plus hj-node-gly"></span>
    <a href="">五级菜单</a>
    </li>
    <li class="list-group-item">
    <span class="glyphicon glyphicon-plus hj-node-gly"></span>
    <a href="">五级菜单</a>
    </li>
    <li class="list-group-item">
    <span class="glyphicon glyphicon-plus hj-node-gly"></span>
    <a href="">五级菜单</a>
    </li>
    <li class="list-group-item">
    <span class="glyphicon glyphicon-plus hj-node-gly"></span>
    <a href="">五级菜单</a>
    </li>
    <li class="list-group-item">
    <span class="glyphicon glyphicon-plus hj-node-gly"></span>
    <a href="">五级菜单</a>
    </li>
    </ul>
    </li>
    </ul>
    </li>
    </ul>
    </li>
    </ul>
    </li>
    <li class="list-group-item">
    <p class="media hj-tree-node"><span class="glyphicon glyphicon-plus hj-node-gly"></span>一级菜单</p>
    <ul class="list-group child-list-group">
    <li class="list-group-item">
    <p class="media hj-tree-node"><span class="glyphicon glyphicon-plus hj-node-gly"></span>二级菜单</p>
    <ul class="list-group child-list-group">
    <li class="list-group-item">
    <p class="media hj-tree-node"><span class="glyphicon glyphicon-plus hj-node-gly"></span>三级菜单</p>
    <ul class="list-group child-list-group">
    <li class="list-group-item">
    <p class="media hj-tree-node"><span class="glyphicon glyphicon-plus hj-node-gly"></span>四级菜单</p>
    <ul class="list-group child-list-group">
    <li class="list-group-item">
    <span class="glyphicon glyphicon-folder-open hj-node-gly"></span>
    <a href="">五级菜单</a>
    </li>
    <li class="list-group-item">
    <span class="glyphicon glyphicon-folder-open hj-node-gly"></span>
    <a href="">五级菜单</a>
    </li>
    <li class="list-group-item">
    <span class="glyphicon glyphicon-folder-open hj-node-gly"></span>
    <a href="">五级菜单</a>
    </li>
    <li class="list-group-item">
    <span class="glyphicon glyphicon-folder-open hj-node-gly"></span>
    <a href="">五级菜单</a>
    </li>
    <li class="list-group-item">
    <span class="glyphicon glyphicon-folder-open hj-node-gly"></span>
    <a href="">五级菜单</a>
    </li>
    </ul>
    </li>
    <li class="list-group-item">
    <p class="media hj-tree-node"><span class="glyphicon glyphicon-plus hj-node-gly"></span>四级菜单</p>
    <ul class="list-group child-list-group">
    <li class="list-group-item">
    <span class="glyphicon glyphicon-folder-open hj-node-gly"></span>
    <a href="">五级菜单</a>
    </li>
    <li class="list-group-item">
    <span class="glyphicon glyphicon-folder-open hj-node-gly"></span>
    <a href="">五级菜单</a>
    </li>
    <li class="list-group-item">
    <span class="glyphicon glyphicon-folder-open hj-node-gly"></span>
    <a href="">五级菜单</a>
    </li>
    <li class="list-group-item">
    <span class="glyphicon glyphicon-folder-open hj-node-gly"></span>
    <a href="">五级菜单</a>
    </li>
    <li class="list-group-item">
    <span class="glyphicon glyphicon-folder-open hj-node-gly"></span>
    <a href="">五级菜单</a>
    </li>
    </ul>
    </li>
    <li class="list-group-item">
    <p class="media hj-tree-node"><span class="glyphicon glyphicon-plus hj-node-gly"></span>四级菜单</p>
    <ul class="list-group child-list-group">
    <li class="list-group-item">
    <span class="glyphicon glyphicon-folder-open hj-node-gly"></span>
    <a href="">五级菜单</a>
    </li>
    <li class="list-group-item">
    <span class="glyphicon glyphicon-folder-open hj-node-gly"></span>
    <a href="">五级菜单</a>
    </li>
    <li class="list-group-item">
    <span class="glyphicon glyphicon-folder-open hj-node-gly"></span>
    <a href="">五级菜单</a>
    </li>
    <li class="list-group-item">
    <span class="glyphicon glyphicon-folder-open hj-node-gly"></span>
    <a href="">五级菜单</a>
    </li>
    <li class="list-group-item">
    <span class="glyphicon glyphicon-folder-open hj-node-gly"></span>
    <a href="">五级菜单</a>
    </li>
    </ul>
    </li>
    </ul>
    </li>
    <li class="list-group-item">
    <p class="media hj-tree-node"><span class="glyphicon glyphicon-plus hj-node-gly"></span>三级菜单</p>
    <ul class="list-group child-list-group">
    <li class="list-group-item">
    <p class="media hj-tree-node"><span class="glyphicon glyphicon-plus hj-node-gly"></span>四级菜单</p>
    <ul class="list-group child-list-group">
    <li class="list-group-item">
    <span class="glyphicon glyphicon-plus hj-node-gly"></span>
    <a href="">五级菜单</a>
    </li>
    <li class="list-group-item">
    <span class="glyphicon glyphicon-plus hj-node-gly"></span>
    <a href="">五级菜单</a>
    </li>
    <li class="list-group-item">
    <span class="glyphicon glyphicon-plus hj-node-gly"></span>
    <a href="">五级菜单</a>
    </li>
    <li class="list-group-item">
    <span class="glyphicon glyphicon-plus hj-node-gly"></span>
    <a href="">五级菜单</a>
    </li>
    <li class="list-group-item">
    <span class="glyphicon glyphicon-plus hj-node-gly"></span>
    <a href="">五级菜单</a>
    </li>
    </ul>
    </li>
    </ul>
    </li>
    <li class="list-group-item">
    <p class="media hj-tree-node"><span class="glyphicon glyphicon-plus hj-node-gly"></span>三级菜单</p>
    <ul class="list-group child-list-group">
    <li class="list-group-item">
    <p class="media hj-tree-node"><span class="glyphicon glyphicon-plus hj-node-gly"></span>四级菜单</p>
    <ul class="list-group child-list-group">
    <li class="list-group-item">
    <span class="glyphicon glyphicon-plus hj-node-gly"></span>
    <a href="">五级菜单</a>
    </li>
    <li class="list-group-item">
    <span class="glyphicon glyphicon-plus hj-node-gly"></span>
    <a href="">五级菜单</a>
    </li>
    <li class="list-group-item">
    <span class="glyphicon glyphicon-plus hj-node-gly"></span>
    <a href="">五级菜单</a>
    </li>
    <li class="list-group-item">
    <span class="glyphicon glyphicon-plus hj-node-gly"></span>
    <a href="">五级菜单</a>
    </li>
    <li class="list-group-item">
    <span class="glyphicon glyphicon-plus hj-node-gly"></span>
    <a href="">五级菜单</a>
    </li>
    </ul>
    </li>
    </ul>
    </li>
    </ul>
    </li>
    <li class="list-group-item">
    <p class="media hj-tree-node"><span class="glyphicon glyphicon-plus hj-node-gly"></span>二级菜单</p>
    <ul class="list-group child-list-group">
    <li class="list-group-item">
    <p class="media hj-tree-node"><span class="glyphicon glyphicon-plus hj-node-gly"></span>三级菜单</p>
    <ul class="list-group child-list-group">
    <li class="list-group-item">
    <p class="media hj-tree-node"><span class="glyphicon glyphicon-plus hj-node-gly"></span>四级菜单</p>
    <ul class="list-group child-list-group">
    <li class="list-group-item">
    <span class="glyphicon glyphicon-plus hj-node-gly"></span>
    <a href="">五级菜单</a>
    </li>
    <li class="list-group-item">
    <span class="glyphicon glyphicon-plus hj-node-gly"></span>
    <a href="">五级菜单</a>
    </li>
    <li class="list-group-item">
    <span class="glyphicon glyphicon-plus hj-node-gly"></span>
    <a href="">五级菜单</a>
    </li>
    <li class="list-group-item">
    <span class="glyphicon glyphicon-plus hj-node-gly"></span>
    <a href="">五级菜单</a>
    </li>
    <li class="list-group-item">
    <span class="glyphicon glyphicon-plus hj-node-gly"></span>
    <a href="">五级菜单</a>
    </li>
    </ul>
    </li>
    </ul>
    </li>
    <li class="list-group-item">
    <p class="media hj-tree-node"><span class="glyphicon glyphicon-plus hj-node-gly"></span>三级菜单</p>
    <ul class="list-group child-list-group">
    <li class="list-group-item">
    <p class="media hj-tree-node"><span class="glyphicon glyphicon-plus hj-node-gly"></span>四级菜单</p>
    <ul class="list-group child-list-group">
    <li class="list-group-item">
    <span class="glyphicon glyphicon-plus hj-node-gly"></span>
    <a href="">五级菜单</a>
    </li>
    <li class="list-group-item">
    <span class="glyphicon glyphicon-plus hj-node-gly"></span>
    <a href="">五级菜单</a>
    </li>
    <li class="list-group-item">
    <span class="glyphicon glyphicon-plus hj-node-gly"></span>
    <a href="">五级菜单</a>
    </li>
    <li class="list-group-item">
    <span class="glyphicon glyphicon-plus hj-node-gly"></span>
    <a href="">五级菜单</a>
    </li>
    <li class="list-group-item">
    <span class="glyphicon glyphicon-plus hj-node-gly"></span>
    <a href="">五级菜单</a>
    </li>
    </ul>
    </li>
    </ul>
    </li>
    <li class="list-group-item">
    <p class="media hj-tree-node"><span class="glyphicon glyphicon-plus hj-node-gly"></span>三级菜单</p>
    <ul class="list-group child-list-group">
    <li class="list-group-item">
    <p class="media hj-tree-node"><span class="glyphicon glyphicon-plus hj-node-gly"></span>四级菜单</p>
    <ul class="list-group child-list-group">
    <li class="list-group-item">
    <span class="glyphicon glyphicon-plus hj-node-gly"></span>
    <a href="">五级菜单</a>
    </li>
    <li class="list-group-item">
    <span class="glyphicon glyphicon-plus hj-node-gly"></span>
    <a href="">五级菜单</a>
    </li>
    <li class="list-group-item">
    <span class="glyphicon glyphicon-plus hj-node-gly"></span>
    <a href="">五级菜单</a>
    </li>
    <li class="list-group-item">
    <span class="glyphicon glyphicon-plus hj-node-gly"></span>
    <a href="">五级菜单</a>
    </li>
    <li class="list-group-item">
    <span class="glyphicon glyphicon-plus hj-node-gly"></span>
    <a href="">五级菜单</a>
    </li>
    </ul>
    </li>
    </ul>
    </li>
    </ul>
    </li>
    <li class="list-group-item">
    <p class="media hj-tree-node"><span class="glyphicon glyphicon-plus hj-node-gly"></span>二级菜单</p>
    <ul class="list-group child-list-group">
    <li class="list-group-item">
    <p class="media hj-tree-node"><span class="glyphicon glyphicon-plus hj-node-gly"></span>三级菜单</p>
    <ul class="list-group child-list-group">
    <li class="list-group-item">
    <p class="media hj-tree-node"><span class="glyphicon glyphicon-plus hj-node-gly"></span>四级菜单</p>
    <ul class="list-group child-list-group">
    <li class="list-group-item">
    <span class="glyphicon glyphicon-plus hj-node-gly"></span>
    <a href="">五级菜单</a>
    </li>
    <li class="list-group-item">
    <span class="glyphicon glyphicon-plus hj-node-gly"></span>
    <a href="">五级菜单</a>
    </li>
    <li class="list-group-item">
    <span class="glyphicon glyphicon-plus hj-node-gly"></span>
    <a href="">五级菜单</a>
    </li>
    <li class="list-group-item">
    <span class="glyphicon glyphicon-plus hj-node-gly"></span>
    <a href="">五级菜单</a>
    </li>
    <li class="list-group-item">
    <span class="glyphicon glyphicon-plus hj-node-gly"></span>
    <a href="">五级菜单</a>
    </li>
    </ul>
    </li>
    </ul>
    </li>
    <li class="list-group-item">
    <p class="media hj-tree-node"><span class="glyphicon glyphicon-plus hj-node-gly"></span>三级菜单</p>
    <ul class="list-group child-list-group">
    <li class="list-group-item">
    <p class="media hj-tree-node"><span class="glyphicon glyphicon-plus hj-node-gly"></span>四级菜单</p>
    <ul class="list-group child-list-group">
    <li class="list-group-item">
    <span class="glyphicon glyphicon-plus hj-node-gly"></span>
    <a href="">五级菜单</a>
    </li>
    <li class="list-group-item">
    <span class="glyphicon glyphicon-plus hj-node-gly"></span>
    <a href="">五级菜单</a>
    </li>
    <li class="list-group-item">
    <span class="glyphicon glyphicon-plus hj-node-gly"></span>
    <a href="">五级菜单</a>
    </li>
    <li class="list-group-item">
    <span class="glyphicon glyphicon-plus hj-node-gly"></span>
    <a href="">五级菜单</a>
    </li>
    <li class="list-group-item">
    <span class="glyphicon glyphicon-plus hj-node-gly"></span>
    <a href="">五级菜单</a>
    </li>
    </ul>
    </li>
    </ul>
    </li>
    <li class="list-group-item">
    <p class="media hj-tree-node"><span class="glyphicon glyphicon-plus hj-node-gly"></span>三级菜单</p>
    <ul class="list-group child-list-group">
    <li class="list-group-item">
    <p class="media hj-tree-node"><span class="glyphicon glyphicon-plus hj-node-gly"></span>四级菜单</p>
    <ul class="list-group child-list-group">
    <li class="list-group-item">
    <span class="glyphicon glyphicon-plus hj-node-gly"></span>
    <a href="">五级菜单</a>
    </li>
    <li class="list-group-item">
    <span class="glyphicon glyphicon-plus hj-node-gly"></span>
    <a href="">五级菜单</a>
    </li>
    <li class="list-group-item">
    <span class="glyphicon glyphicon-plus hj-node-gly"></span>
    <a href="">五级菜单</a>
    </li>
    <li class="list-group-item">
    <span class="glyphicon glyphicon-plus hj-node-gly"></span>
    <a href="">五级菜单</a>
    </li>
    <li class="list-group-item">
    <span class="glyphicon glyphicon-plus hj-node-gly"></span>
    <a href="">五级菜单</a>
    </li>
    </ul>
    </li>
    </ul>
    </li>
    </ul>
    </li>
    <li class="list-group-item">
    <p class="media hj-tree-node"><span class="glyphicon glyphicon-plus hj-node-gly"></span>二级菜单</p>
    <ul class="list-group child-list-group">
    <li class="list-group-item">
    <p class="media hj-tree-node"><span class="glyphicon glyphicon-plus hj-node-gly"></span>三级菜单</p>
    <ul class="list-group child-list-group">
    <li class="list-group-item">
    <p class="media hj-tree-node"><span class="glyphicon glyphicon-plus hj-node-gly"></span>四级菜单</p>
    <ul class="list-group child-list-group">
    <li class="list-group-item">
    <span class="glyphicon glyphicon-plus hj-node-gly"></span>
    <a href="">五级菜单</a>
    </li>
    <li class="list-group-item">
    <span class="glyphicon glyphicon-plus hj-node-gly"></span>
    <a href="">五级菜单</a>
    </li>
    <li class="list-group-item">
    <span class="glyphicon glyphicon-plus hj-node-gly"></span>
    <a href="">五级菜单</a>
    </li>
    <li class="list-group-item">
    <span class="glyphicon glyphicon-plus hj-node-gly"></span>
    <a href="">五级菜单</a>
    </li>
    <li class="list-group-item">
    <span class="glyphicon glyphicon-plus hj-node-gly"></span>
    <a href="">五级菜单</a>
    </li>
    </ul>
    </li>
    </ul>
    </li>
    <li class="list-group-item">
    <p class="media hj-tree-node"><span class="glyphicon glyphicon-plus hj-node-gly"></span>三级菜单</p>
    <ul class="list-group child-list-group">
    <li class="list-group-item">
    <p class="media hj-tree-node"><span class="glyphicon glyphicon-plus hj-node-gly"></span>四级菜单</p>
    <ul class="list-group child-list-group">
    <li class="list-group-item">
    <span class="glyphicon glyphicon-plus hj-node-gly"></span>
    <a href="">五级菜单</a>
    </li>
    <li class="list-group-item">
    <span class="glyphicon glyphicon-plus hj-node-gly"></span>
    <a href="">五级菜单</a>
    </li>
    <li class="list-group-item">
    <span class="glyphicon glyphicon-plus hj-node-gly"></span>
    <a href="">五级菜单</a>
    </li>
    <li class="list-group-item">
    <span class="glyphicon glyphicon-plus hj-node-gly"></span>
    <a href="">五级菜单</a>
    </li>
    <li class="list-group-item">
    <span class="glyphicon glyphicon-plus hj-node-gly"></span>
    <a href="">五级菜单</a>
    </li>
    </ul>
    </li>
    </ul>
    </li>
    <li class="list-group-item">
    <p class="media hj-tree-node"><span class="glyphicon glyphicon-plus hj-node-gly"></span>三级菜单</p>
    <ul class="list-group child-list-group">
    <li class="list-group-item">
    <p class="media hj-tree-node"><span class="glyphicon glyphicon-plus hj-node-gly"></span>四级菜单</p>
    <ul class="list-group child-list-group">
    <li class="list-group-item">
    <span class="glyphicon glyphicon-plus hj-node-gly"></span>
    <a href="">五级菜单</a>
    </li>
    <li class="list-group-item">
    <span class="glyphicon glyphicon-plus hj-node-gly"></span>
    <a href="">五级菜单</a>
    </li>
    <li class="list-group-item">
    <span class="glyphicon glyphicon-plus hj-node-gly"></span>
    <a href="">五级菜单</a>
    </li>
    <li class="list-group-item">
    <span class="glyphicon glyphicon-plus hj-node-gly"></span>
    <a href="">五级菜单</a>
    </li>
    <li class="list-group-item">
    <span class="glyphicon glyphicon-plus hj-node-gly"></span>
    <a href="">五级菜单</a>
    </li>
    </ul>
    </li>
    </ul>
    </li>
    </ul>
    </li>
    </ul>
    </li>
    <li class="list-group-item">
    <p class="media hj-tree-node"><span class="glyphicon glyphicon-plus hj-node-gly"></span>一级菜单</p>
    <ul class="list-group child-list-group">
    <li class="list-group-item">
    <p class="media hj-tree-node"><span class="glyphicon glyphicon-plus hj-node-gly"></span>二级菜单</p>
    <ul class="list-group child-list-group">
    <li class="list-group-item">
    <p class="media hj-tree-node"><span class="glyphicon glyphicon-plus hj-node-gly"></span>三级菜单</p>
    <ul class="list-group child-list-group">
    <li class="list-group-item">
    <p class="media hj-tree-node"><span class="glyphicon glyphicon-plus hj-node-gly"></span>四级菜单</p>
    <ul class="list-group child-list-group">
    <li class="list-group-item">
    <span class="glyphicon glyphicon-folder-open hj-node-gly"></span>
    <a href="">五级菜单</a>
    </li>
    <li class="list-group-item">
    <span class="glyphicon glyphicon-folder-open hj-node-gly"></span>
    <a href="">五级菜单</a>
    </li>
    <li class="list-group-item">
    <span class="glyphicon glyphicon-folder-open hj-node-gly"></span>
    <a href="">五级菜单</a>
    </li>
    <li class="list-group-item">
    <span class="glyphicon glyphicon-folder-open hj-node-gly"></span>
    <a href="">五级菜单</a>
    </li>
    <li class="list-group-item">
    <span class="glyphicon glyphicon-folder-open hj-node-gly"></span>
    <a href="">五级菜单</a>
    </li>
    </ul>
    </li>
    <li class="list-group-item">
    <p class="media hj-tree-node"><span class="glyphicon glyphicon-plus hj-node-gly"></span>四级菜单</p>
    <ul class="list-group child-list-group">
    <li class="list-group-item">
    <span class="glyphicon glyphicon-folder-open hj-node-gly"></span>
    <a href="">五级菜单</a>
    </li>
    <li class="list-group-item">
    <span class="glyphicon glyphicon-folder-open hj-node-gly"></span>
    <a href="">五级菜单</a>
    </li>
    <li class="list-group-item">
    <span class="glyphicon glyphicon-folder-open hj-node-gly"></span>
    <a href="">五级菜单</a>
    </li>
    <li class="list-group-item">
    <span class="glyphicon glyphicon-folder-open hj-node-gly"></span>
    <a href="">五级菜单</a>
    </li>
    <li class="list-group-item">
    <span class="glyphicon glyphicon-folder-open hj-node-gly"></span>
    <a href="">五级菜单</a>
    </li>
    </ul>
    </li>
    <li class="list-group-item">
    <p class="media hj-tree-node"><span class="glyphicon glyphicon-plus hj-node-gly"></span>四级菜单</p>
    <ul class="list-group child-list-group">
    <li class="list-group-item">
    <span class="glyphicon glyphicon-folder-open hj-node-gly"></span>
    <a href="">五级菜单</a>
    </li>
    <li class="list-group-item">
    <span class="glyphicon glyphicon-folder-open hj-node-gly"></span>
    <a href="">五级菜单</a>
    </li>
    <li class="list-group-item">
    <span class="glyphicon glyphicon-folder-open hj-node-gly"></span>
    <a href="">五级菜单</a>
    </li>
    <li class="list-group-item">
    <span class="glyphicon glyphicon-folder-open hj-node-gly"></span>
    <a href="">五级菜单</a>
    </li>
    <li class="list-group-item">
    <span class="glyphicon glyphicon-folder-open hj-node-gly"></span>
    <a href="">五级菜单</a>
    </li>
    </ul>
    </li>
    </ul>
    </li>
    <li class="list-group-item">
    <p class="media hj-tree-node"><span class="glyphicon glyphicon-plus hj-node-gly"></span>三级菜单</p>
    <ul class="list-group child-list-group">
    <li class="list-group-item">
    <p class="media hj-tree-node"><span class="glyphicon glyphicon-plus hj-node-gly"></span>四级菜单</p>
    <ul class="list-group child-list-group">
    <li class="list-group-item">
    <span class="glyphicon glyphicon-plus hj-node-gly"></span>
    <a href="">五级菜单</a>
    </li>
    <li class="list-group-item">
    <span class="glyphicon glyphicon-plus hj-node-gly"></span>
    <a href="">五级菜单</a>
    </li>
    <li class="list-group-item">
    <span class="glyphicon glyphicon-plus hj-node-gly"></span>
    <a href="">五级菜单</a>
    </li>
    <li class="list-group-item">
    <span class="glyphicon glyphicon-plus hj-node-gly"></span>
    <a href="">五级菜单</a>
    </li>
    <li class="list-group-item">
    <span class="glyphicon glyphicon-plus hj-node-gly"></span>
    <a href="">五级菜单</a>
    </li>
    </ul>
    </li>
    </ul>
    </li>
    <li class="list-group-item">
    <p class="media hj-tree-node"><span class="glyphicon glyphicon-plus hj-node-gly"></span>三级菜单</p>
    <ul class="list-group child-list-group">
    <li class="list-group-item">
    <p class="media hj-tree-node"><span class="glyphicon glyphicon-plus hj-node-gly"></span>四级菜单</p>
    <ul class="list-group child-list-group">
    <li class="list-group-item">
    <span class="glyphicon glyphicon-plus hj-node-gly"></span>
    <a href="">五级菜单</a>
    </li>
    <li class="list-group-item">
    <span class="glyphicon glyphicon-plus hj-node-gly"></span>
    <a href="">五级菜单</a>
    </li>
    <li class="list-group-item">
    <span class="glyphicon glyphicon-plus hj-node-gly"></span>
    <a href="">五级菜单</a>
    </li>
    <li class="list-group-item">
    <span class="glyphicon glyphicon-plus hj-node-gly"></span>
    <a href="">五级菜单</a>
    </li>
    <li class="list-group-item">
    <span class="glyphicon glyphicon-plus hj-node-gly"></span>
    <a href="">五级菜单</a>
    </li>
    </ul>
    </li>
    </ul>
    </li>
    </ul>
    </li>
    <li class="list-group-item">
    <p class="media hj-tree-node"><span class="glyphicon glyphicon-plus hj-node-gly"></span>二级菜单</p>
    <ul class="list-group child-list-group">
    <li class="list-group-item">
    <p class="media hj-tree-node"><span class="glyphicon glyphicon-plus hj-node-gly"></span>三级菜单</p>
    <ul class="list-group child-list-group">
    <li class="list-group-item">
    <p class="media hj-tree-node"><span class="glyphicon glyphicon-plus hj-node-gly"></span>四级菜单</p>
    <ul class="list-group child-list-group">
    <li class="list-group-item">
    <span class="glyphicon glyphicon-plus hj-node-gly"></span>
    <a href="">五级菜单</a>
    </li>
    <li class="list-group-item">
    <span class="glyphicon glyphicon-plus hj-node-gly"></span>
    <a href="">五级菜单</a>
    </li>
    <li class="list-group-item">
    <span class="glyphicon glyphicon-plus hj-node-gly"></span>
    <a href="">五级菜单</a>
    </li>
    <li class="list-group-item">
    <span class="glyphicon glyphicon-plus hj-node-gly"></span>
    <a href="">五级菜单</a>
    </li>
    <li class="list-group-item">
    <span class="glyphicon glyphicon-plus hj-node-gly"></span>
    <a href="">五级菜单</a>
    </li>
    </ul>
    </li>
    </ul>
    </li>
    <li class="list-group-item">
    <p class="media hj-tree-node"><span class="glyphicon glyphicon-plus hj-node-gly"></span>三级菜单</p>
    <ul class="list-group child-list-group">
    <li class="list-group-item">
    <p class="media hj-tree-node"><span class="glyphicon glyphicon-plus hj-node-gly"></span>四级菜单</p>
    <ul class="list-group child-list-group">
    <li class="list-group-item">
    <span class="glyphicon glyphicon-plus hj-node-gly"></span>
    <a href="">五级菜单</a>
    </li>
    <li class="list-group-item">
    <span class="glyphicon glyphicon-plus hj-node-gly"></span>
    <a href="">五级菜单</a>
    </li>
    <li class="list-group-item">
    <span class="glyphicon glyphicon-plus hj-node-gly"></span>
    <a href="">五级菜单</a>
    </li>
    <li class="list-group-item">
    <span class="glyphicon glyphicon-plus hj-node-gly"></span>
    <a href="">五级菜单</a>
    </li>
    <li class="list-group-item">
    <span class="glyphicon glyphicon-plus hj-node-gly"></span>
    <a href="">五级菜单</a>
    </li>
    </ul>
    </li>
    </ul>
    </li>
    <li class="list-group-item">
    <p class="media hj-tree-node"><span class="glyphicon glyphicon-plus hj-node-gly"></span>三级菜单</p>
    <ul class="list-group child-list-group">
    <li class="list-group-item">
    <p class="media hj-tree-node"><span class="glyphicon glyphicon-plus hj-node-gly"></span>四级菜单</p>
    <ul class="list-group child-list-group">
    <li class="list-group-item">
    <span class="glyphicon glyphicon-plus hj-node-gly"></span>
    <a href="">五级菜单</a>
    </li>
    <li class="list-group-item">
    <span class="glyphicon glyphicon-plus hj-node-gly"></span>
    <a href="">五级菜单</a>
    </li>
    <li class="list-group-item">
    <span class="glyphicon glyphicon-plus hj-node-gly"></span>
    <a href="">五级菜单</a>
    </li>
    <li class="list-group-item">
    <span class="glyphicon glyphicon-plus hj-node-gly"></span>
    <a href="">五级菜单</a>
    </li>
    <li class="list-group-item">
    <span class="glyphicon glyphicon-plus hj-node-gly"></span>
    <a href="">五级菜单</a>
    </li>
    </ul>
    </li>
    </ul>
    </li>
    </ul>
    </li>
    <li class="list-group-item">
    <p class="media hj-tree-node"><span class="glyphicon glyphicon-plus hj-node-gly"></span>二级菜单</p>
    <ul class="list-group child-list-group">
    <li class="list-group-item">
    <p class="media hj-tree-node"><span class="glyphicon glyphicon-plus hj-node-gly"></span>三级菜单</p>
    <ul class="list-group child-list-group">
    <li class="list-group-item">
    <p class="media hj-tree-node"><span class="glyphicon glyphicon-plus hj-node-gly"></span>四级菜单</p>
    <ul class="list-group child-list-group">
    <li class="list-group-item">
    <span class="glyphicon glyphicon-plus hj-node-gly"></span>
    <a href="">五级菜单</a>
    </li>
    <li class="list-group-item">
    <span class="glyphicon glyphicon-plus hj-node-gly"></span>
    <a href="">五级菜单</a>
    </li>
    <li class="list-group-item">
    <span class="glyphicon glyphicon-plus hj-node-gly"></span>
    <a href="">五级菜单</a>
    </li>
    <li class="list-group-item">
    <span class="glyphicon glyphicon-plus hj-node-gly"></span>
    <a href="">五级菜单</a>
    </li>
    <li class="list-group-item">
    <span class="glyphicon glyphicon-plus hj-node-gly"></span>
    <a href="">五级菜单</a>
    </li>
    </ul>
    </li>
    </ul>
    </li>
    <li class="list-group-item">
    <p class="media hj-tree-node"><span class="glyphicon glyphicon-plus hj-node-gly"></span>三级菜单</p>
    <ul class="list-group child-list-group">
    <li class="list-group-item">
    <p class="media hj-tree-node"><span class="glyphicon glyphicon-plus hj-node-gly"></span>四级菜单</p>
    <ul class="list-group child-list-group">
    <li class="list-group-item">
    <span class="glyphicon glyphicon-plus hj-node-gly"></span>
    <a href="">五级菜单</a>
    </li>
    <li class="list-group-item">
    <span class="glyphicon glyphicon-plus hj-node-gly"></span>
    <a href="">五级菜单</a>
    </li>
    <li class="list-group-item">
    <span class="glyphicon glyphicon-plus hj-node-gly"></span>
    <a href="">五级菜单</a>
    </li>
    <li class="list-group-item">
    <span class="glyphicon glyphicon-plus hj-node-gly"></span>
    <a href="">五级菜单</a>
    </li>
    <li class="list-group-item">
    <span class="glyphicon glyphicon-plus hj-node-gly"></span>
    <a href="">五级菜单</a>
    </li>
    </ul>
    </li>
    </ul>
    </li>
    <li class="list-group-item">
    <p class="media hj-tree-node"><span class="glyphicon glyphicon-plus hj-node-gly"></span>三级菜单</p>
    <ul class="list-group child-list-group">
    <li class="list-group-item">
    <p class="media hj-tree-node"><span class="glyphicon glyphicon-plus hj-node-gly"></span>四级菜单</p>
    <ul class="list-group child-list-group">
    <li class="list-group-item">
    <span class="glyphicon glyphicon-plus hj-node-gly"></span>
    <a href="">五级菜单</a>
    </li>
    <li class="list-group-item">
    <span class="glyphicon glyphicon-plus hj-node-gly"></span>
    <a href="">五级菜单</a>
    </li>
    <li class="list-group-item">
    <span class="glyphicon glyphicon-plus hj-node-gly"></span>
    <a href="">五级菜单</a>
    </li>
    <li class="list-group-item">
    <span class="glyphicon glyphicon-plus hj-node-gly"></span>
    <a href="">五级菜单</a>
    </li>
    <li class="list-group-item">
    <span class="glyphicon glyphicon-plus hj-node-gly"></span>
    <a href="">五级菜单</a>
    </li>
    </ul>
    </li>
    </ul>
    </li>
    </ul>
    </li>
    <li class="list-group-item">
    <p class="media hj-tree-node"><span class="glyphicon glyphicon-plus hj-node-gly"></span>二级菜单</p>
    <ul class="list-group child-list-group">
    <li class="list-group-item">
    <p class="media hj-tree-node"><span class="glyphicon glyphicon-plus hj-node-gly"></span>三级菜单</p>
    <ul class="list-group child-list-group">
    <li class="list-group-item">
    <p class="media hj-tree-node"><span class="glyphicon glyphicon-plus hj-node-gly"></span>四级菜单</p>
    <ul class="list-group child-list-group">
    <li class="list-group-item">
    <span class="glyphicon glyphicon-plus hj-node-gly"></span>
    <a href="">五级菜单</a>
    </li>
    <li class="list-group-item">
    <span class="glyphicon glyphicon-plus hj-node-gly"></span>
    <a href="">五级菜单</a>
    </li>
    <li class="list-group-item">
    <span class="glyphicon glyphicon-plus hj-node-gly"></span>
    <a href="">五级菜单</a>
    </li>
    <li class="list-group-item">
    <span class="glyphicon glyphicon-plus hj-node-gly"></span>
    <a href="">五级菜单</a>
    </li>
    <li class="list-group-item">
    <span class="glyphicon glyphicon-plus hj-node-gly"></span>
    <a href="">五级菜单</a>
    </li>
    </ul>
    </li>
    </ul>
    </li>
    <li class="list-group-item">
    <p class="media hj-tree-node"><span class="glyphicon glyphicon-plus hj-node-gly"></span>三级菜单</p>
    <ul class="list-group child-list-group">
    <li class="list-group-item">
    <span class="glyphicon glyphicon-plus hj-node-gly"></span>
    <a href="">五级菜单</a>
    </li>
    <li class="list-group-item">
    <span class="glyphicon glyphicon-plus hj-node-gly"></span>
    <a href="">五级菜单</a>
    </li>
    </ul>
    </li>
    <li class="list-group-item">
    <span class="glyphicon glyphicon-plus hj-node-gly"></span>
    <a href="">五级菜单</a>
    </li>
    <li class="list-group-item">
    <span class="glyphicon glyphicon-plus hj-node-gly"></span>
    <a href="">五级菜单</a>
    </li>
    <li class="list-group-item">
    <span class="glyphicon glyphicon-plus hj-node-gly"></span>
    <a href="">五级菜单</a>
    </li>
    </ul>
    </li>
    </ul>
    </li>
    </ul>
    </div>
    </div>

    <!-- jQuery文件-->
    <script src="admin/js/jquery-1.8.0.min.js"></script>

    <script>
    $(".hj-tree-node").toggle(
    function () {
    $(this).children().removeClass("glyphicon-plus");
    $(this).children().addClass("glyphicon-minus");
    $(this).next(".child-list-group").slideDown();
    },
    function () {
    $(this).children().addClass("glyphicon-plus");
    $(this).children().removeClass("glyphicon-minus");
    $(this).next(".child-list-group").slideUp();
    }
    );
    </script>


    </body>
    </html>

    运行效果:

  • 相关阅读:
    php设置和获取cookie
    字符截取 支持UTF8/GBK
    PHP自毁程序
    php短信发送
    PHP版QQ互联OAuth示例代码分享
    javascript中window.open()与window.location.href的区别
    SpringBoot文件上传
    IDEA或Webstorm设置Ctrl+滚轮调整字体大小
    IDEA和WebStorm破解教程--激活80年(ideaIU-2018.3.6以及之前的版本)
    3 字节的 UTF-8 序列的字节 2 无效
  • 原文地址:https://www.cnblogs.com/herd/p/6114044.html
Copyright © 2020-2023  润新知