<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>伸缩二级菜单</title>
<link rel="stylesheet" href="02.style.css"/>
<script src="03.javascript.js"></script>
</head>
<body>
<ul id="tree">
<li><span>考勤管理</span>
<ul>
<li>日常考勤</li>
<li>请假申请</li>
<li>加班/出差</li>
</ul>
</li>
<li><span>信息中心</span>
<ul>
<li>通知公告</li>
<li>公司新闻</li>
<li>规章制度</li>
</ul>
</li>
<li><span>协同办公</span>
<ul>
<li>公文流转</li>
<li>文件中心</li>
<li>内部邮件</li>
<li>即时通信</li>
<li>短信提醒</li>
</ul>
</li>
</ul>
</body>
</html>