一款切换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();
未经允许不得转载: ICode联盟 » 插件特效 » accordion展开关闭手风琴菜单