accordion展开关闭手风琴菜单

一款切换accordion展开关闭手风琴菜单，可直接定义到第几个菜单的风琴组件使用CSS3转换。

基础调用方法

var accordion = new Accordion('.Example');

配置参数

var accordion = new Accordion('.Example',{

    // 元素配置
    item: '.item',
    target: '.target',
    control: '.target',
    panel: '.panel',

    // 允许多个块同时打开
    allowMultiple: true,

    // 默认属性
    attribute: 'data-status',

    // 默认值状态
    expanded: 'expanded',
    contracted: 'contracted',

    // CSS
    prefix: 'Accordion-',

    // 配置css过渡效果
    transition: 'height .3s',
});

常用API方法

// 切换到第几个
accordion.activate(index);

// 展开第几个
accordion.expand(index);

// 合并第几个
accordion.contract(index);

// 合并所有
accordion.contractAll(index);

// 销毁
accordion.destroy();