layui 三级联动

<link rel="stylesheet" href="/public/layui/css/layui.css" media="all">
    <script type="text/javascript" src="/public/layui/layui.all.js"></script>
    <script type="text/javascript" src="/public/layui/layui.js"></script>



<!-- left  左侧 -->

<div class="layui-side layui-bg-black">
    <div class="layui-side-scroll">
        <!-- 左侧导航区域（可配合layui已有的垂直导航） -->

        <ul class="layui-nav layui-nav-tree" >
            <li data-name="component" class="layui-nav-item layui-nav-itemed">
                <a class="fa fa-home" style="text-decoration: none;font-size:20px;font-weight: bold;" href="/index.html">
                    &nbsp;&nbsp;首页
                    <span class="layui-nav-more"></span>
                </a>
                <dl class="layui-nav-child">
                    <dd data-name="grid">
                        <a href="javascript:;">栅格<span class="layui-nav-more"></span></a>
                        <dl class="layui-nav-child">
                            <dd data-name="list">
                                <a lay-href="component/grid/list.html">等比例列表排列</a>
                            </dd>
                            <dd data-name="mobile">
                                <a lay-href="component/grid/mobile.html">按移动端排列</a>
                            </dd>
                        </dl>
                    </dd>
                    <dd data-name="button">
                        <a lay-href="component/button/index.html">按钮</a>
                    </dd>
                </dl>
            </li>
        </ul>



        <ul class="layui-nav layui-nav-tree">

            <li class="layui-nav-item layui-nav-itemed">
                <a class="fa fa-home" style="text-decoration: none;font-size:20px;font-weight: bold;" href="/index.html">&nbsp;&nbsp;首页</a>
            </li>

            <li class="layui-nav-item layui-nav-itemed">
                <a class="fa fa-search" style="text-decoration: none;font-size:20px;font-weight: bold;" href="javascript:;">&nbsp;&nbsp;网站SEO监控
                    <span class="layui-nav-more"></span>
                </a>
                <dl class="layui-nav-child">
                    <dd class="">
                        <a class="fa fa-edit" style="text-decoration: none;font-size:15px;font-weight: bold;" href="/www/add_www.html">&nbsp;&nbsp;添加网站</a>
                    </dd>
                    <dd class="">
                        <a class="fa fa-cog" style="text-decoration: none;font-size:15px;font-weight: bold;" href="/www/index.html">&nbsp;&nbsp;网站管理</a>
                    </dd>
                </dl>
            </li>

        </ul>
    </div>
</div>




<script>
    layui.use(['element'], function(){
        var element = layui.element();})
</script>