介绍一款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();		

你可能感兴趣的:(accordion)