当前位置: 首页 > 工具软件 > liteAccordion > 使用案例 >

介绍一款jQuery水平折叠插件liteAccordion

太叔烨霖
2023-12-01
1 项目中想要实现水平折叠效果的panel,但ExtJs只支持垂直Accordion layout(http://docs.sencha.com/extjs/4.2.0/#!/api/Ext.layout.container.Accordion)。不支持水平折叠,所以我们只好求助于jQuery的这款插件来实现功能了
demo网址:http://nicolahibbert.com/demo/liteAccordion/

2 在需要用的插件的地方添加dev标签


html: '<div id="jobDetails"></div>'

3 控制器函数中初始化插件:
		var newId = this.getDynamicJobDetailsId(component);	
detail = $('#jobDetails');
detail.attr('id',newId);

$('#' + newId).liteAccordion({
containerHeight: 118,
containerWidth: window.innerWidth-220,
easing: 'swing',
activateOn: 'click',
theme : 'neptune'
}).find('figcaption:first').show();
 类似资料: