SOURCE

<link rel="stylesheet" type="text/css" href="https://www.jeasyui.com/easyui/themes/default/easyui.css">
<link rel="stylesheet" type="text/css" href="https://www.jeasyui.com/easyui/themes/icon.css">
<link rel="stylesheet" type="text/css" href="https://www.jeasyui.com/easyui/themes/color.css">
<script type="text/javascript" src="https://code.jquery.com/jquery-1.9.1.min.js">
</script>
<script type="text/javascript" src="https://www.jeasyui.com/easyui/jquery.easyui.min.js">
</script>

<div class="easyui-panel" style="padding:5px;width:100%;height: 200px;">
<!-- tree开始 -->
<ul class="easyui-tree" data-options="animate:true,lines:true,checkbox:true">  
    <li>
      <span>Oracle数据库高级查询和管理</span>  
     <!-- 二级菜单开始 -->
    <ul>
        <li data-options="state:'closed'">          
           <span>第一章：初步体验Oracle管理数据</span>
        <!-- 三级菜单开始 -->
        <ul>
            <li><span>Oracle数据库系统特点</span></li>
        </ul>
        </li>
        <li><span>第二章：探索Oracle的内部结构</span>
        <ul>
            <li>Oracle网络连接的基本管理</li>
        </ul>
        </li>
    </ul>
    <!-- 二级菜单结束 --></li>
</ul>
<!-- tree结束 -->
</div>