用户界面框架jQuery EasyUI示例大全之Accordion

<jQuery EasyUI最新试用版免费下载>

jQuery EasyUI致力于帮助web开发者更轻松的打造出功能丰富而且美观的UI界面。jQuery EasyUI提供了基于当下流行的jQuery core和HTML5的控件，助您打造适合当今网络的应用程序。

基本的折叠

本示例主要为你们介绍了基本的折叠，点击面板的头部能够显示其内容。【另附源代码供你们参考】

|在线Demo

折叠工具

本示例主要为你们介绍了折叠的工具，点击面板右上方执行工具操做。【另附源代码供你们参考】

|在线Demo

使用AJAX加载折叠内容

本演示主要为你们介绍如何使用AJAX加载折叠内容，点击AJAX面板头部并经过AJAX加载内容。【另附源代码供你们参考】

|在线Demo

折叠操做

本演示主要为你们介绍如何进行折叠操做，点击下面的按钮来添加或删除折叠的项。【另附源代码供你们参考】

|在线Demo

多个折叠面板

本演示主要为你们介绍如何启用'multiple'模式来在同一时间展开多个面板。【另附源代码供你们参考】

|在线Demo

流体折叠

本演示主要介绍了如何设置折叠的宽度为其父容器的百分比。【另附源代码供你们参考】

|在线Demo