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

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

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

 

 

 

Firefox 29正式版:高度自定义模式、全新菜单和Australis UI 冼茂源:HBase在垂直搜索业务以及数据存储中的应用! 阿里云计算北京布点 全球第三个云数据中心开放 【走近讲师】友友天宇CEO姚宏宇:与行业结合是私有云厂商的重要出路 万亿移动支付产业的难点和痛点 削减硬件运营成本?亚马逊或自主研发ARM架构芯片 开源框架eMobc:XML开发原生移动应用so easy iOS应用安全开发,你不知道的那些事 市场化API的十个捷径 MongoDB和Cloudera结盟,欲征服大数据市场 红帽收购Inktank,将统一Gluster与Ceph? 那些巨头公司Logo是这么演变来的…… 以史为镜,剖析PaaS大迷局 “心脏出血”还不够?又曝OAuth和OpenID登录漏洞 走近讲师:搜狐于顺治讲述搜狐PaaS云平台实践之路 AppFlood 2014 Q1报告:亚洲和中东市场成为开发者出海首选 华为联合运营商构建能力开放平台 Facebook产品设计主管:揭秘公司如何招聘优秀设计师 【附信息图】美国因软件缺陷导致的十大事件 二十一世纪Windows简史 为什么用户体验和生态系统决定云公司的成败 三星Tizen,路漫漫其修远兮 用户体验是新优势,互联网会受到何种影响? 从GitHub看编程语言流行度 陈沙克:Openstack Horizon Icehouse Blueprint简介 叶琪:Hadoop不是万能的 要明确场景扬长避短 云网融合驱动数据中心技术聚变 给想持续编码CEO的4个建议 盘点开发者最喜爱的十大开源Xcode插件 Cloudera CTO:取代MapReduce 未来会加大Spark等框架投入 中航信资深分析师李洋:自主搭建云平台 助力民航业低成本迎接大数据挑战 五笔输入法忽然不能用了 救就我,为什么Frame的客户区变小了?关于切分窗口 怎样查找某一个目录下一个表是否存在? 请问有用过李阳疯狂英语的朋友吗?请说说到底怎么样? 我想向各位大侠请教一个问题? 如何屏蔽TEXTBOX的回车响应? 关于《各位学习编程的目的是什么》的总结 m_pusrrcdset->m_pDatabase->ExecuteSQL("")为什么不行?老是ASSERT错误 请问我刚入bcb的大门,有什么好的参考书可以看看吗? 有没有人知道计算机等级考试四级怎么查分啊? 如何将几个数组的信息写成一个.txt文本文件 笔试题请教? 请教一个小问题! 好难呀好难呀!!!!! 今天狠了狠心买了一本<>,花了我十分之一的工资!心疼啊!散点分! 请问有谁知道如何在C#中使用DirectX? 我在Picturebox中用Picture1.print打了200行数据,可我只能看到前20行 pb数据窗口中的列名在win2000 server里为什么显示不了中文? God save me,help...... tcl手机所使用的是那种操作系统,能否告知小弟,重分相谢! 异常中的问题 刷新对话框的背景图片(基于对话框的程序,而且刷新不只一次)! 请问? 急急急!!上网后的图标不见了!!! 为什么我写了个JSP写入数据库中的中文在数据库中查看是乱码? 用vb制作动态网页 怎么给分给别人? 怎么获得光驱的倍数,设定光驱的倍数啊 怎么破解WIN2000的管理员密码!急!!!! SDK、API、MFC到底是什么? 本人想做给一个网络管理方面的软件,谁能跟我讲讲这方面的原理么? 请问有谁知道如何在VB.net中使用DirectX? 求救:我在 JAVA 中用 TextField 输入文字时发现,在汉字方式下敲不了标点符号,而我用 VC 的 EDIT 却可以,为什么? 大虾帮帮忙,一个关于bpl的问题,十万火急!能给的分我都拿出来了 请问怎么截获对动态链接库的调用? 关于数据库的问题!我搞了几天拉!天啊!我不想学java拉!! 请问我在window98上写html,asp文件,需要安装那些软件,pws我已安装,其它还要什么 请问有谁知道如何在VC.net中使用DirectX? 一个关于realplayer的问题! 请问怎样记录程序运行时间呢,记得好像有一个函数.... ?求一道数学思想题 各位大虾,我想在DELPHI5.0中调用W9X下的超级终端中的传输命令来传输文件??? ■■请教不知怎么回事,我现在打开*.txt文件,WIN98系统提示框:windows不能发现sysexplr.exe,如何解决呀?请热心的C++同事解决■■ 请问有谁知道如何在.net中使用DirectX? 到那里学习SQL语言 关于树!他妈的树! 关于黄色网站的另外一个问题 请问在VB中能否实现COMBOX的自动保存功能? 如何include根目录的文件 OO之路(三)--Persistent Objects 难题!如何在IE中打开一个独立的窗口,同时状态栏里没有显示? 大海诞生生命时间写作文用的,只要时间(几年前),准确的, 关于数学物理的1kg/m3=?g/cm31楼的好像答错了 圆中国梦走复兴路作文【800字】不要复制的 原始生命诞生在原始海洋中,所以地球上最早出现的是水生动物,这句话对吗?为什么? 15.5KN/m3等于多少g/cm3 500立方分米=( )立方米 原始生命诞生的重要标志是什么 我想要"古铜色"_(小麦色)皮肤``!该死的`!我的皮肤` 黑不黑` 黄不黄` 真不知道算什么` 我特想要小麦色(古铜色)的皮肤` 很性感又冷酷` 哎` 难道除了天生的之外` 就没有别的办法能使肤色变 共铸复兴路,同圆中国梦 为主题的作文 800字 某地强风的风速为20m/s,空气密度是p=1.3kg/m3,一风力发电机的有效受风面积为S=20m2,如经过风力发电机后风速变为12m/s 改风力发电机的效率为80% 则风力发电机的电功率多大 小麦色和古铜色哪个更好一点、更帅气一点.我是一个男生、不属于健将型皮肤颜色 我不要太粗犷的颜色啊、也不要太深太深的颜色、匀和一点的那种。就是追求的 健康肤色 、比常人稍稍深 500立方分米=()立方米 2升=()立方分米 某地风速为v=20m/s,设空气的密度为ρ=1.3kg/m³,如果通过截面面积S=20m²的风的动能全部转化为动某地风速为v=20m/s,设空气的密度为ρ=1.3kg/m³,如果通过截面面积S=20m²的风的动能全部转 请问这是古铜色还是小麦色? 求以‘’走复兴路,圆中国梦‘’为主题作文一篇不少于800字 跨经度最多的大洲和大洋是?扬沙、沙尘暴发生在什么季节?赤道为轴向南北方向有哪些气候类型.分布的特点? 比较1kg/m3和1g/cm3,谁的密度大 3.5立方米=( 3 )立方米( 500 )立方分米为什么 赤道穿过大洲大洋 1kg/m3=0.001g/cm3怎么化过来的啊要仔细描述啊!本人不知道怎么换过来的?怎么1kg换g变小啊? 求作文《走复兴路,圆中国梦》1000字. 细胞分裂三次为什么是2^3将15N标记DNA的大肠杆菌培养在14N培养基中,经三次分裂后含15N的DNA占DNA总数的多少? 物理单位转换 1KWh=3.6×106J 1m/s=3.6km/h 1g/cm3=103kg/m3 1kg/m3=0.001g/cm31m/s=3.6km/h 如果是2m/s转化成km/s 怎么算呢? 海洋大气防腐油漆有哪些突出的性能? 细胞分裂4到底多大为什么游侠的才1.4G 而游民的4.7G 1Kg/m3= g/cm3 1m/s= km/h 海洋大气防腐油漆的防锈性能好吗? lng加气站就是气化站么? 是海洋生态系统的自动调节能力强还是森林生态系统调节能力强?为什么? 海洋大气防腐油漆不能机械除锈怎么办? 海洋气候河湖对人类分别有什么作用 谁知道鲨鱼对于海洋生态的平衡所起的重要作用吗? 9.4立方米等于几立方分米 欧洲气候具有显著的海洋说特点请你分析一下哪些因素起了重要作用 海洋生态系统 森林生态系统谁自动调节能力强 6立方米3立方分米=( )立方分米(过程) 细胞分裂时产生的子细胞与母细胞结构和功能相同吗?试着分析一下原因.今晚就要. 海洋生态系统 森林生态系统 自我调节能力哪个强最强的是不是生物圈? 走复兴路 圆中国梦 征文该怎么写啊,我不要作文,要结构为鼓励广大同学积极参加全国青少年爱国主义读书教育活动。要求每位同学在认真阅读《走复兴路,圆中国梦》高中生读本的基础上, 在细胞分裂过程中,有的子细胞长到与母细胞一般大小时能继续分裂;而有的子细胞则发生变化,形成具有不同__________和__________的细胞,这种过程叫做____________ 森林生态系统和海洋生态系统那个调解能力更强 500立方分米=0.6立方米怎么求比值 一个细胞分裂5次后产生几个子代细胞 为何海洋有吸收二氧化碳的作用植物呼出二氧化碳也会吸收氧气,那么他的吸氧量是多大啊,听说一棵大树的吸氧一年才是6Kg啊?那么是不是海洋才是真正的贡献啊我想知道植物的贡献到底有多 走复兴路 圆中国梦征文急……700字 厄尔尼诺现象发生时,太平洋赤道地区的大洋环流与大气环流是怎样的. 把二氧化碳直接通入海底有什么影响 6立方米50立方分米=()立方米=()立方分米 180牛顿换算等于多少兆帕 200牛顿换算等于多少兆帕 圣婴现象出现时太平洋赤道海区的大气是怎样流动的 海洋吸收二氧化碳"从大气中吸收二氧化碳,同时释放氧气,在这一点上,海洋有着和森林一样的作用.海洋仿佛一只巨大的二氧化碳沉淀池,目前已经储存了1500亿吨的碳;仅在去年一年,海洋就吸 生命的起源在海洋吗物种起源 描述正常年和厄尔尼诺年时赤道附近太平洋地区海水温度的分布特点,说出其上空大气环流的状况及对印度尼西亚和厄瓜多尔气候的影响 海洋中铁等元素的增加可使浮游植物增加,从而消耗大气中大量的二氧化碳,这有利于缓解( )这一环境问题. 海洋生命的起源和早期进化 关于地理厄尔尼诺现象 太平洋西岸气候变化! 作文——走复兴路 圆中国梦 800字.明天就要交了!是要一篇叙事文!明天就要交了啊! 最早的生命是在哪里诞生的,是海洋么》?为啥? 1kg/m3等于多少g/cm3 关于海洋吸收二氧化碳的问题,这是正确的吗?海洋可以吸收大量的二氧化碳,随着海洋生物种类的减少,吸收二氧化碳的能力逐渐增强,对于现在日益严重的温室效应应有所缓解.这是正确的吗?
备案号:鲁ICP备13029499号-2 说三道四 www.s3d4.cn