Accordion Document

使用$.fn.accordion.defaults重写默认值对象。
分类空间允许用户使用多面板，但在同一时间只会显示一个。每个面板都内建支持展开和折叠功能。点击一个面板的标题将会展开或折叠面板主体。面板内容可以通过指定的'href'属性使用ajax方式读取面板内容。用户可以定义一个被默认选中的面板，如果未指定，那么第一个面板就是默认的。

依赖关系：

Panel

使用案例

创建分类

通过标签创建分类，给<div/>标签添加一个名为'easyui-accordion'的类ID。

				
<div id="aa" class="easyui-accordion" style="width:300px;height:200px;">   
    <div title="Title1" data-options="iconCls:'icon-save'" style="overflow:auto;padding:10px;">   
        <h3 style="color:#0099FF;">Accordion for jQuery</h3>   
        <p>Accordion is a part of easyui framework for jQuery.     
        It lets you define your accordion component on web page more easily.</p>   
    </div>   
    <div title="Title2" data-options="iconCls:'icon-reload',selected:true" style="padding:10px;">   
        content2    
    </div>   
    <div title="Title3">   
        content3    
    </div>   
</div>  
				
			

我们可以更改或修改面板的一些功能以后再重新创建它。

				
$('#aa').accordion({    
    animate:false   
});  
				
			

刷新分类面板内容

调用'getSelected'方法获取当前面板，此外我们还可以调用'refresh'方法重新载入新内容。

				
var pp = $('#aa').accordion('getSelected'); // 获取选择的面板 
if (pp){    
    pp.panel('refresh','new_content.php');  // 调用'refresh'方法刷新 
}   
				
			

容器属性

面板属性：

分类面板属性继承自panel(面板)，分类面板新增的属性如下：

事件：

方法：

					
var p = $('#aa').accordion('getSelected');
if (p){
	var index = $('#aa').accordion('getPanelIndex', p);
	alert(index);
}
					
				

					
var p = $('#aa').accordion('getSelected');
$('#aa').accordion('add', {
	title: '新标题',
	content: '新内容',
	selected: false
});