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

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();
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值