<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>My JSP ‘left.jsp‘ starting page</title>
<!--
<link rel="stylesheet" type="text/css" href="styles.css">
-->
<style type="text/css">
ul li {list-style:none;}
ul li a{text-decoration:none;}
</style>
<script type="text/javascript" src="js/jquery-1.5.2.js"></script>
<script type="text/javascript">
$(function(){
$("ul").find("li:gt(0)").hide();
$("ul").css("margin-left","-15px");
$("ul").find("li:gt(0)").find("a").css("line-height","30px");
$("ul").find("li:gt(0)").css("padding-left","20px");
$("ul").find("li:eq(0)").click(function(){
$(this).siblings().toggle();
$(this).parent().siblings().find("li:gt(0)").hide();
});
});
</script>
</head>
<body>
<ul>
<li>试题数据管理</li>
<li><a href="right.html" target="right"> 浏览全部试题</a></li>
<li><a href="top.html" target="right"> 添加试题数据</a></li>
</ul>
<ul>
<li>考生数据管理</li>
<li><a href="top.html" target="right"> 浏览全部考生</a></li>
<li><a href="right.html" target="right"> 添加考生数据</a></li>
</ul>
</body>
</html>
原文：http://www.cnblogs.com/dreamOfChen/p/5016990.html