FAQ菜单_点击展开，点击折叠_jQuery实例
2013-10-09 17:27
603 查看
今天查看以前从网上下载的一个项目，首页有个点开展开点开折叠的效果，想自己的写一个，就从网上找了这个，挺简单！ 先收了~~~~
代码如下：
<%@ 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>
MZ)@_EKKT$1Q1A}7}FCYKK.jpg)
代码如下：
<%@ 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>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- jQuery展开折叠侧栏导航菜单
- jquery实现可点击伸缩与展开的菜单效果代码
- jQuery 导航菜单点击伸缩展开效果的JS特效
- jQuery实现默认是闭合的FAQ展开效果菜单
- jquery垂直展开折叠手风琴二级菜单
- jQuery实用可展开、折叠的竖向手风琴菜单
- 基于jQuery实现以手风琴方式展开和折叠导航菜单
- jquery实现带渐变淡入淡出并向右依次展开的多级菜单效果实例
- jQuery实现可收缩展开的级联菜单实例代码
- jquery 后台管理菜单展开与关闭实例(1)
- jQuery点击展开收缩垂直菜单代码
- jQuery实现折叠、展开的菜单组效果代码
- jQuery 点击展开180度菜单
- jquery 后台管理菜单展开与关闭实例(2)
- Bootstrap导航点击菜单跳转与点击缩放菜单折叠按钮缓冲效果插件jquery.singlePageNav.min.js
- 给bootstrap-treeview增加点击事件，单击菜单也能展开和折叠
- jquery实现可点击伸缩与展开的菜单效果代码
- jQuery实现折叠、展开的菜单组效果代码
- Jquery实例2：可收缩展开的级联菜单与局部刷新
- jQuery学习笔记（3）---点击触发菜单的展开与收起