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

用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>

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

 

 

 

Google欲推新Chrome应用:适用于Android、iOS平台 comScore:美国市场苹果手机独占鳌头 Android和iOS双寡头垄断 一周消息树:新技术实现远程触摸和操纵实物 创新人机交互 研发周报:帮助网站转换的六大黑色星期五规则 【开源专访】JFinal作者詹波:以极简方式实现Web项目的极速开发 2013中国智能交通与大数据技术峰会:迎接交通大数据新时代 大数据应用技术(上):加速创新,重塑世界 英特尔百度携手推出首个跨平台应用商店 12月9日:计算机软件第一夫人Grace Hopper出生 触摸屏将成笔记本标配 电脑行业或将迎来又一春 触摸4G,你必须要知道的那些事儿 TIOBE 2013年12月编程语言排行榜:Transact-SQL冲刺年度语言 敏捷开发的6个实战经验 【图文】走近华为企业业务与支撑万人技术团队的云数据中心 《习惯联盟》陈晓冬:与京东云合作让我们没有后顾之忧 流计算与批处理同现:畅享大数据时代的开源实践 挑战和机遇并存:大数据时代机器学习与可视化 【企业开源系列】收发一条Twitter推文的背后 在IE11中更快地获得您需要的内容 暴露程序员身份的8个行为 英特尔创新应用大赛大评审!创新也有中国风 苹果面临一问题:正源源不断地失去优秀工程师 初学编程者必知的五个网站 大数据基准测试专题论坛:基准测试是一把尚未完成的尺子 大数据应用(下):应用驱动技术,DaaS创造价值 大数据研究与发展专题论坛:大数据在各领域中的应用及发展策略 雅虎新目标:欲收购照片分享网站Imgur 移动开发工具访谈《近匠》第01期:七牛云存储—BaaS进化论 ShareSDK:A轮融资到位!将推社会化评论SDK 70美元,你也能用Raspberry Pi做个专属iBeacon基站 7个鲜为人知却超实用的PHP函数 这么晚了还有哪位大仙在 立即给分,寻求操作Formula One 的代码!谢谢 斑竹, 斑竹, 你等我结了帖子再删, 好吗? COM,COM,COM问题急救,快快快 送给phoenixdyy吧, 不要客气呀 在sun网站上到那个地方下栽 Java 类文件? 送给cathy的, 不要客气 我老老实实的学习去, 学不成不会回来的, 大家顺利 为什么我的这个php不执行? 有关CASE工具 请问怎么样将VB程序打包?就是生成一个不需要源代码和没有VB编译器的环境下可以运行的可执行程序。 关于如何做OEM 请教大师 这是所谓的“情”吗?谁碰到过如此谎谬的事~~“我们这样算什么?!” 分值,就那么重要吗?大家来探讨一下! 请问如何用TC或BC或VC实现字符界面下文本阅读器(请尽快复) lemonade请进 请教水平考试 请赐教如何制作WINDOWS下的电子行程表(请尽快复) 号外!!号外!!谁能认真点回答我这个问题? 学了C和JAVA以后,我该学哪中语言? 这么晚了,还有谁在水园? 如何用JSP实现聊天是中的自动滚屏功能? 我的FlashGet,NetAnts全都没有办法下载了!!!急死我了!!! 探讨用专业论坛和新闻组来促销,那位兄弟有经验? 一个简单的问题,大家来看罗。 如何禁止EDIT控件输入? To:pbdesigner兄弟没找到解决的办法,只好修改程序流程避开这个问题8-( 小弟该如何学习? Actinia在吗?问你个问题! 今天又有人送分,he he! VC快玩完了!!!!改学BCB!!!! 一个简单的问题,关于cin的 怎样向listview发送消息? N人上班,按照白、夜、休三班倒,如何每月按此顺序自动排班 TreeView接点如何响应单击事件? 我的一本c++教程,刚刚下载了练习答案,不会用, 请问这是个什么东东问题?(只有这么多分了。。) 一张表内关键字如何互换? 本人想插入一个记录,但该记录的一个字段是一个已经输入的值,你说该用什么函数处理呀?本人想了一个早上也想不出个原因来!!!! 今天真热,一大早爬起来去游泳,感觉真好。这里有喜欢早晨去游泳的吗? DCOM问题。Win2000下的服务器应怎样配置,才能使客户机调用服务器端的DCOM。 再不帮我我就死定了 我要哭了! 痛苦:如果你的头儿叫你帮他修改他写的一大段垃圾代码,你会怎么做办? 工程为什么不能打包? 高手快来。 请问怎么安装PB 那有Acrobat下載,不是Acrobat Reader Foxpro的ODBC,是不是真的就不支持update当前游标的记录....? 怎么在SQLSERVER2K里用存储过程得到的完整的Xml文件,我想用jsp取出来? “他喜欢和老人们交谈、下象棋.”这句话怎么用英语翻译? 先正达与拜耳哪个好 在南京路你遇上一个老外,怎么用英语告诉他怎么去上海博物馆?快!明天就要交作业了! 北京市中国的首都吗?用英语怎么翻译 血糖仪,杭州哪里有卖拜耳的血糖仪的啊? 英语翻译英语翻译 九年级英语116页翻译 英语翻译外国的一个朋友给我发快递.结果小弟很尴尬不知道自己家的英文地址 麻烦帮忙翻译下北京市海淀区太平路47号院 10号楼 甲门 401跪求一个准确无误的翻译~中国北京市海淀区太平路47 英语高手帮我翻译一个地址,请把这个地址翻译成英文:北京市石景山区永乐东小区40楼2门101室.邮编100040 英语翻译人教版的,每个单元的翻译,给30分! 中国的首都是北京,我等不及要去哪儿翻译成英语 英语翻译邮编710048中国陕西省西安市碑林区东关南街古迹岭小区请问这个地址英文邮编写的时候是这样写:Shaanxi Province,P.R.China 710048,还是Shaanxi Province,710048P.R.China 东关南街的英文是 South Dongg 九年级英语书54页阅读翻译 北京是中国的城市,中国的首都.翻译成英文 中国地址翻译 北京市丰台区西罗园三区20号楼1004号 的英文翻译怎么翻?另外,邮编怎么书写 九年级英语教材翻译unit 2 16页短文翻译 题目是He used to cause a lot of trouble. 为什么历代皇帝都要把北京选为首府?能不能再全面点,具体点? 英语翻译韩国京畿道龙仁市处仁区白岩面白岩里409号统一大厦(或hana大厦)309号金龙云 九年级英语9单元sectionB3a翻译关于茶的那个版本! 英语翻译“中国 江西省 南昌市昌北经济开发区 江西财经大学麦庐园静庐E栋620” 英语翻译 求 新目标九年级英语unit14的Reading部分的翻译!急·50分 英语翻译您是昨天那个卖酒的小女孩吗?我是昨天向您要电话中国人.您忘记了吗?电话号码 上面补充一下 英语翻译 新目标九年级英语p137 Unit14 sectionA翻译 英语翻译舟山市定海区临城街道建设大厦C幢13楼 英语翻译:中国的名胜古迹你都听说过哪些? 新目标英语八年级上册unit2 B翻译3a..3b..4 用英文翻译地址香港新界荃湾新村街40号2楼 英语翻译大雁塔小雁塔钟楼大唐芙蓉园兵马俑 英语翻译 英语翻译1.每天要查阅单位重要工作呈阅件,把工作落实到人到位2.活到老学到老将是不懈的追求.3.尽快的熟悉环境,尽快的熟悉人员,尽快的熟悉业务,做到嘴勤、眼勤、手勤. 英语翻译:北京的历史很悠久,还有名胜古迹多,可以吃到很多美食. 人教版七年级上册英语unit2,sectionB 2b的意思Hi,I am Jenny.Here are two nice photos of my family.My grandfather and grandmother are in the first photo. These are my parents,Alan and Mary. In the next picture are my brothers,Bob and Eric. 英语翻译Electronic technology is facilitating thisgrowth by offering access to fare and hotel information and online reservationservices .In Goa,villagers forced to walk to wellsfor their water had to watch as a pipeline to a mew luxury hotel was 英文翻译. 刘德华要在北京开演唱会吗? 英语翻译 英语翻译My college life,let dream fly. 你打算到哪儿度假?英语翻译 英语翻译when people use words and expressions different from the ''shandard language '' ,it is called a dialect .american english has many dialects .especially the midwestern ,southern ,African American and spanish dialects .even in some part of 我和我的家人住在一起.英文翻译 山东省青岛市经济技术开发区北江路7号507室 英文这么翻译 初一英语下册第4单元Reading的翻译 英语翻译“五年前我住在北京”和“我住在北京五年了”分别怎么翻译 “五年前我住在北京”这么翻译行吗——I was living in beijing five years ago 他还想去别的什么地方吗?英文翻译~ 苏教版初一英语上学期第四课reading课文翻译 我们大多数住在像这样的高楼 英语翻译? “去任何自己想去的地方”英语翻译优美点如题 初一英语下册第三单元Reading翻译 英语翻译 英语翻译so the difference between $125 and $134 may be viewed as risk premium you may choose to pay to lock in the future tuition at year amountif cash flow regularities are present within the stream,the use of shortcuts,such as finding the prese 英语翻译初一下册11单元selfcheck3 1.北京市朝阳区十里堡一号院恒泰大厦B座7016室 2.商务部 3.工程部 这三个都是做名片时要翻译成英语的,大 英语翻译Investors (or fund managers) make a living by managing a selection of shares from various companies and hoping for a profit when share prices move. 英语翻译”我在等待生命的光芒,生命却在等待我的迷茫.“这句话的翻译 你想象中的拜耳 西单商业街和王府井商业街的区别?2个地方离得远吗?哪个商业街消费水平更高?西单商场的人气旺还是王府井旺? 英语翻译:我想和老人住在一起. 血糖仪拜耳的好不啦? 如何写关于上海南京路的英文简洁(要50个单词!是初一英语水平的)也不要太简单.要把南京路的地址和特点写清楚!
备案号:鲁ICP备13029499号-2 说三道四 www.s3d4.cn