说三道四技术文摘-感悟人生的经典句子
说三道四 > 文档快照

用JQuery插件轻松实现accordion折叠菜单

HTML文档下载 WORD文档下载 PDF文档下载
accordion插件是JQuery UI中的一部分,本文介绍一下基本的使用方法。

下载源代码

 

 

accordion插件是JQuery UI中的一部分,下面介绍一下基本的使用方法。

 

一、包含文件

 

<script type="text/javascript" src="js/jquery-1.4.4.min.js"></script><script type="text/javascript" src="js/jquery-ui-1.8.10.custom.min.js"></script>

二、HTML中的文字

 

 

<div id="accordion">	<h3><a href="#">区域1</a></h3>	<div>		<p>		这是区域1中的内容 http://www.okbase.net/home/haobao</p>	</div>	<h3><a href="#">区域2</a></h3>	<div>		<p>		这是区域2中的内容		</p>	</div>	<h3><a href="#">区域3</a></h3>	<div>		<p>		hi! 这是区域3中的内容</p>		<ul>			<li>List item one</li>			<li>List item two</li>			<li>List item three</li>		</ul>	</div>	<h3><a href="#">区域4</a></h3>	<div>		<p>		大家好!这是区域4中的内容		</p>	</div></div>

三、调用代码

 

 

<script>$(function() {	$( "#accordion" ).accordion();});</script>

站在巨人的肩膀上,就这么简单!

 

 

 

Android Zip文件解压缩代码 Android开发之设置断点单步调试 Android裁剪图片最简单方法 Android平台待开发软件列表 Android开发知识-3月13日总结 Android平板开发注意点 Android 3.0自带的天气预报例子代码 Loader和Fragment使用示例代码 LoaderManager - Android 3.0新特性 帮助ADT改进DDMS中的Logcat中文乱码问题 Fragment API将兼容Android 1.6到3.0 通过Linux Shell实现Android横竖屏切换 Android高手应该精通哪些内容? Android 2.2开始resources.arsc有改变 分析你的Android ANR错误 API Level对照表,更新至2.3.3 ProcessDialog结合Thread处理耗时操作 Fragment示例代码 DialogFragment示例代码 ActionBar示例代码 (二) Action Bar示例代码 (一) ActionBar使用方法 - Android活动栏(二) Action Bar使用方法 - Android活动栏(一) DialogFragment类介绍 Android Fragment使用详解 Fragment对比Activity - Android碎片介绍 Android 3.0新增日历控件CalendarView Android JSON写入类 - JsonWriter Android JSON解析类 - JsonReader Android获取本机电话号码 ListView自动滚动方法 大家看过《ASP.NET完全手册》这本书吗?为什么书中提供的与书想配的站点http://www.prosetech.com/CompleteReference/不可访问呢? 紧急求救:如何根据数据库中的值以红色字体显示datagrid中的满足条件特定列特定行? 能不能实现用NOTES databse打开一个website(公司内部的),同时这个database自动关闭?? 用pear的进来报个名,以后互相学习~ VB.NET的两个简单问题??? not enough free disk space on /tmp,这个问题如何解决,(100分) 急寻:中缀和后缀表达式互转的源代码。 请问这个页面如何实现的..... 简单问题,在线等待中... 百分求购事务处理!! 用ATL写了一个com组件,在客户端怎么调用它呢? 请问如何取得USB摄像头和普通麦克的数据,怎样将已得到的视频音频数据在终端上播放 如何让WAS和Tomcat一样,运行JSP/SERVLET的时候出现错误进行提示? 用JDBC连接SQL Server 2000数据库问题?在线等待... 弹出式菜单的问题 各位大侠,寻求帮助,急!急! c语言类中的私有和公有变量在汇编中怎么表示? 关于EJB测试的问题 谁能给个错误处理的例子 比如 SQLSERVER 数据库关闭时 返回 “数据库关闭“ 的信息 部分匹配的问题 英文版XP中文显示问题 oracle,用PreparedStatement更新数据库,date型字段精确到分,应该如何操作? 数据导入的问题 有正义感的高手进来帮忙,干掉我设计的网站吧!在此不盛感激,同时也代表天下IT民工谢谢。 开始学PHP的菜鸟说:我现在用一个支持PHP的空间。比如XXX.PHP就可以用。我想用数据库。怎么连接呢?我可以把数据库放到自己的目录下用数 送分 我用的是:无惧上传类 Version V1.2 ,但是,程序执行后无出错提示,担找不到上传的文件,什么原因,那位朋友邦忙解决一下. 使用“POPTEN新闻管理系统”为什么不能上传图片呀? 小弟想学习EJB,不知道那本书较好? 测试过程 请问: 如果将数据分页里的复选框全选,并将每个复选框得到的ID插入另一张表。?? 关于Adodb+DataGrid的配合使用问题,高手请进! ★ ★我想在资源管理器窗口上 再加上一个Toolbar,(我看到过有些软件做到了,而且添加的Toolbar中还有启动程序的按钮),请问怎样可以做到 请教:“纳入基线” vs.net的水晶报表连接oracle,但找不到表,什么问题?很急啊!!! 关于float,double类型的数据四舍五入的讨论! 有无软件或OS可实现一台强大的电脑带多套外设?(N多键盘、鼠标) 请问如何正确配置和使用第三方开发包阿? 触发一个已封装好的程序 根据textbox内容查询数据库怎么写? 内存访问错误,参与者有分! 如何在类中创建一个其它类对象的数组? 急!不用数据窗口的事务处理!150 excel导入sqlserver 请问层如何显示在控件之上(比如select)? 多CPU下的SQLSERVER问题 散分,只为了心中郁闷! 100分狂送:你了解 福建实达电脑设备公司应用软件部??? 特殊需求的数据库备份 如何将C#写好的程序用。NET打包可以安装? 有谁能给个客户端能自动探测10000端口上是否有信息,并提示! 翻译苗语 -----you read french easily ,you will find it is another cup of tea to make conversation in french.-----you read french easily ,you will find it is another cup of tea to make conversation in french.A.Even though B.As if C.As long as D.Even though仔 "嘴上没毛 办事不牢"中的毛, 如何求平行四边形里面三角形的高手机好像传不了图片啊不怕啊 嘴上无毛 办事不牢有无依据? 平行四边形的高与其相对应的底互相垂直.( ).判断. 为什么嘴上没毛办事不牢? 不知道平行四边形的高怎样求它的面积? school is a place to study and learn to get along with people 这句话通顺吗 圆x^2+y^2=16上的点到直线x-y=8的距离最值 1.味道,滋味,舌头尝东西得到的感觉.2.气味,鼻子闻东西所得到的感觉.3.意味,情趣.4.指某类菜肴、食品.注意:选择选项!加一个 5.体会,研究。 美国商会认为中国企业在美基础设施投资日本明治奶粉要撤出中国市场民调称8成俄人认为俄腐败程度高 地方奥巴马与默克尔通电话否认窃听其手机安理会呼吁马里政府迅速调查联合国维和中俄企业敲定液化天然气购销大单日本虐童面面观中国接受联合国人权审查 美应先审视自巴沙尔下台又能怎么样?美国“监控门”又酿新风波 德法意等国沙特再拒入“非常” 指责安理会未能实我的校友我的同事缘来是你这是一部“追爱大百科”仨小妞温柔施展“蒸煮乱炖”一次意外的旅行产生一段意外的情缘养生警惕:肾病缠身有10个“怪症状”秋冬季水果养生状元榜两性养生:尿频是早衰 男人健康8道防听歌助消化 跟古人学“饭后养生”养生保健:坚持十大黄金定律延长寿命萧亚轩柯震东王石田朴珺 忘年恋明星情中宣部中央文明办派员来桂慰问全国道德
备案号:鲁ICP备13029499号-2 说三道四 www.s3d4.cn 说三道四技术文摘