Accordion for jQuery

于 2009-12-16 17:13:15 发布 · 119 阅读

文章标签：

#jQuery #Dojo #ViewUI

AJAX 专栏收录该内容

7 篇文章

订阅专栏

本文介绍了一个作为 EasyUI 框架一部分的 Accordion 插件，该插件旨在提供更简便的使用方式。文章展示了如何通过简单的 HTML 结构来定义可折叠面板，并提供了调用插件的方法。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

accordion插件已经有了，但觉得还是要再写一个，作为easyui framework的一部分，目标是使之更易使用。

项目地址：http://www.etmvc.cn/project/show/68

在使用方法上，采用了与DOJO相似的做法，直接用一个DIV定义一个面板，如下所示：

	<div id="aa" style="width:300px;height:200px;">
		<div title="title1" icon="icon-save" style="overflow:auto;">
			<p>content1</p>
			<p>content1</p>
			<p>content1</p>
			<p>content1</p>
			<p>content1</p>
			<p>content1</p>
			<p>content1</p>
			<p>content12</p>
		</div>
		<div title="我的标题" icon="icon-reload" selected="true" style="padding:10px;">
			content2
		</div>
		<div title="title3">
			content3
		</div>
	</div>

调用方法：

$('#aa').accordion()