<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<script type="text/javascript" src="jquery-1.9.1.min.js">
<style>
$(document).ready(function() {
$('#faq').find('dd').hide();
//.隐藏显示的元素。
$('#faq').find('dt').click(function() {
var answer = $(this).next(); //当前节点的下一个节点
// alert(answer.is(':visible')); 返回true / false
if (answer.is(':visible')) {
//Boolean布尔值is( String expr )用一个表达式来检查当前选择的元素集合,
// 如果其中至少有一个元素符合这个给定的表达式就返回true。
//answer.is(':visible')是指可见的answer元素.
//如果可见就调用answer.slideUp();使之隐藏.
//else则是不可见的元素 调用answer.slideDown();使之显示.
//类似的写法还有answer.is(':first')answer.is(':last')之类的,类似于CSS的伪类a:hover
answer.slideUp();
} else {
answer.slideDown();
}
});
});
</script>
<style>
body {
font-size: 10.5pt;
}
dt {
background: #00ffcc;
}
</style>
</head>
<body>
<dl id="faq">
<dt>展开</dt>
<dd>我爱龙</dd>
<dt>展开</dt>
<dd>我爱茹</dd>
<dt>展开</dt>
<dd>我爱你</dd>
</dl>
</body>
</html>
相关推荐
jquery展开折叠菜单插件 漂亮 完美 易学习,值得分享。展开折叠菜单插件。
JQuery折叠收缩展开下拉菜单代码,很值得学习,这里是一个压缩文件
jQuery多级折叠展开树形菜单代码是一款简单实用的树形结构菜单插件,数据封装在data.js里面,直接修改调用即可。
HTML jquery实现左侧菜单折叠,简单易学,适合新手。。。
jquery 实现 展开的同时收缩其他的菜单
jquery手风琴折叠式导航菜单特效,点击一级导航栏目展开显示二级导航菜单栏目,其他展开的栏目都关闭,只展开当前的导航菜单。折叠式的导航菜单比较适合用于网站的侧边分类的导航,节省空间又方便。
本文实例讲述了jQuery实现可展开折叠的导航效果。分享给大家供大家参考,具体如下: <!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> ...
jQuery折叠下拉菜单收缩展开是一款橙色样式风格的二级菜单导航代码。
jQuery展开折叠侧栏导航菜单基于jquery.1.5.1.js制作,蓝色风格,点击菜单收缩折叠效果,适合OA办公、会员中心等后台系统使用,有个人中心、课程中心、校内讨论、资源中心等菜单栏目。
jquery 展开折叠的菜单代码,收起伸开菜单,有人称为手风琴菜单,因为每个菜单项在折叠起来的...本款折叠菜单内包括了多种形式的展开、收缩式菜单,是一个基于jquery实现的插件,你可根据需要选用适合的折叠式菜单。
jQuery竖排动画手风琴折叠菜单栏代码是一款粉红色风格动态伸缩手风琴代码,展开一个另一个自动收缩。
jQuery折叠展开树形菜单代码是一款多级子菜单折叠展开效果,列表菜单数据封装在data.js里面,直接修改调用即可。
jQuery折叠树形菜单代码基于jquery.1.10.2.min.js制作,带搜索功能,搜索关键字,直接显示菜单项,展开收缩树形菜单。
这是使用jquery和css3制作的一款炫酷平滑折叠菜单插件。该折叠菜单插件展开时过渡平滑,每级菜单都可以自定义,是一款实用的折叠菜单插件。
jquery分类展开折叠代码是一款默认折叠收缩,点击分类的"查看更多"可展开剩余的分类。
实用jQuery可折叠收缩导航菜单特效代码,可折叠二级导航菜单特效,效果非常大气,折叠展开非常流畅,值得学习和使用。
Css3折叠菜单-可展开的树形导航菜单,其实就是折叠、展开式的菜单,应用了HTML5重绘而成,无使用jquery,完全CSS3技术实现,面向Android手机等移动终端设备浏览,请注意不要使用IE等浏览器查看效果。
主要介绍了jquery实现可点击伸缩与展开的菜单效果代码,涉及jquery鼠标click事件控制页面元素样式变换的实现技巧,具有一定参考借鉴价值,需要的朋友可以参考下
本文实例讲述了jQuery实现的简单折叠菜单(折叠...这是一款基于jQuery实现的折叠菜单,可展开一些内容,实际上称它为一个面板比较好,是一个折叠面板,使用了jQuery1.6.2插件。 运行效果截图如下: 在线演示地址如下: ...