今天查看以前从网上下载的一个项目，首页有个点开展开点开折叠的效果，想自己的写一个，就从网上找了这个，挺简单！ 先收了~~~~
代码如下：
<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>FAQ菜单_点击展开，点击折叠_jQuery实例</title>
<script type="text/javascript"
src="http://www.codefans.net/ajaxjs/jquery1.3.2.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$("#faq").find("dt").click(function() {
$(this).next().slideToggle();
});
});
</script>
<style type="text/css">
body {
font-size: 10.5pt;
}
dt {
background: #99CC66;
}
</style>
</head>
<body>
<br>
<dl id="faq">
<dt>你知道源码爱好者网站吗？</dt>
<dd>源码爱好者（http://www.CodeFans.net）提供各类编程源码、素材、书籍教程、设计模板、网页特效代码以及常用软件下载等，做有质量的学习型源码下载站。</dd>
<dt>你知道AJAX吗？</dt>
<dd>当然知道了，是目前很流行的交互式WEB前端应用。</dd>
<dt>今晚，月亮很圆，我想你了！</dt>
<dd>老婆，月儿圆圆，抬头望明月，低头想老婆！</dd>
</dl>
</body>
</html>