accordion展开关闭手风琴菜单

accordion展开关闭手风琴菜单源码下载

看看谁在用

查看文件结构

文件大小:0.01M

资源分类: 插件-其它前端代码

更新时间: 2021-01-06

一款切换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();

accordion展开关闭手风琴菜单

正在加载文件目录...

也许你还喜欢

  1. 炫酷Bootstrap垂直手风琴CSS3折叠菜单插件
  2. Bootstrap手风琴垂直伸缩菜单插件
  3. jQuery图文手风琴插件代码
  4. Bootstrap垂直手风琴Accordion插件CSS3
  5. jQuery圆角图片手风琴插件
  6. accordion手风琴点飞入动画特效代码
响应设计博客HTML模板带电商页面
  • 标签查找|关于我们|格式化工具|bootstrapmb.com 版权所有 苏ICP备17077179号-2