系统、网站、API站点，简单高效开发

jQuery 教程

jQuery 教程 jQuery 简介 jQuery 安装 jQuery 语法 jQuery 选择器 jQuery 事件

jQuery 效果

jQuery 效果- 隐藏和显示 jQuery 效果 - 淡入淡出 jQuery 效果 - 滑动 jQuery 效果- 动画 jQuery 停止动画 jQuery Callback 方法 jQuery - 链(Chaining)

jQuery HTML

jQuery - 获取内容和属性 jQuery - 设置内容和属性 jQuery - 添加元素 jQuery - 删除元素 jQuery - 获取并设置 CSS 类 jQuery css() 方法 jQuery 尺寸

jQuery 遍历

jQuery 遍历 jQuery 遍历 - 祖先 jQuery 遍历 - 后代 jQuery 遍历 - 同胞(siblings) jQuery 遍历- 过滤

jQuery Ajax

jQuery - AJAX 简介 jQuery - AJAX load() 方法 jQuery - AJAX get() 和 post() 方法

jQuery 其他

jQuery - noConflict() 方法 JSONP 教程

jQuery 实例

jQuery 实例

jQuery 参考手册

jQuery 选择器 jQuery 事件 方法 jQuery 效果 方法 jQuery HTML / CSS 方法 jQuery 遍历 方法 jQuery AJAX 方法 jQuery 杂项方法 jQuery 属性

jQuery 插件

jQuery Validate jQuery Cookie 插件 jQuery Accordion jQuery Autocomplete jQuery Growl 插件(消息提醒) jQuery Password Validation（密码验证） jQuery Prettydate jQuery Tooltip jQuery 树型菜单插件(Treeview)

jQuery Accordion

jQuery Accordion

jQuery Accordion 插件用于创建折叠菜单。它通常与嵌套的列表、定义列表或嵌套的 div 一起使用。选项用于指定结构、激活的元素和定制的动画。

该插件现在是 jQuery UI 的一部分，独立的版本不会再更新了。目前版本是 1.6。

jQuery Accordion 官网，jQuery Accordion 插件下载：。

如需了解更多有关 Accordion 的细节，请查看 API 文档 折叠面板部件（Accordion Widget）。

标准

标准代码如下:

jQuery('#list1a').accordion(); 
jQuery('#list1b').accordion({ 
    autoheight: false 
});

导航

带有锚和嵌套列表的无序列表

jQuery('#navigation').accordion({ 
    active: false, 
    header: '.head', 
    navigation: true, 
    event: 'mouseover', 
    fillSpace: true, 
    animated: 'easeslide' 
});

带选项

容器是一个定义列表，标题是 dt，内容是 dd。

jQuery('#list2').accordion({ 
    event: 'mouseover', 
    active: '.selected', 
    selectedClass: 'active', 
    animated: "bounceslide", 
    header: "dt" 
}).bind("change.ui-accordion", function(event, ui) { 
    jQuery('<div>' + ui.oldHeader.text() + ' hidden, ' + ui.newHeader.text() + ' shown</div>').appendTo('#log'); 
});

备案号：闽ICP备20003806号     厦门市湖里区陈朝能网络技术工作室