使用collapse折叠div怎么更换折叠前面的图标
答案:1 悬赏:20 手机版
解决时间 2021-02-25 13:25
- 提问者网友：wodetian
- 2021-02-24 21:16
使用collapse折叠div怎么更换折叠前面的图标
最佳答案
- 五星知识达人网友：爱难随人意
- 2021-02-24 21:32
Collapse 插件用于折叠或展开内容块。
该插件本身不带任何样式，你需要自行编写样式、或者与其他组件配合使用。
调用方式
通过自定义属性调用
通过 JavaScript 调用
HTML 结构
这是一个最基础的 HTML 结构：
添加类 .mdui-collapse-item-open 可以使内容块处于默认展开状态：
含类 .mdui-collapse-item-arrow 的元素会在内容块展开时翻转 180 度：
调用方式
通过自定义属性调用
使用该方式无需编写 JavaScript 代码。只需在 元素上添加 mdui-collapse="options" 属性即可激活该插件。
在线运行
通过 JavaScript 调用
实例化插件：
// selector 为元素的 CSS 选择器或 DOM 元素
// options 为插件的参数，见下面的参数列表
var inst = new mdui.Collapse(selector, options);
该插件本身不带任何样式，你需要自行编写样式、或者与其他组件配合使用。
调用方式
通过自定义属性调用
通过 JavaScript 调用
HTML 结构
这是一个最基础的 HTML 结构：
添加类 .mdui-collapse-item-open 可以使内容块处于默认展开状态：
含类 .mdui-collapse-item-arrow 的元素会在内容块展开时翻转 180 度：
调用方式
通过自定义属性调用
使用该方式无需编写 JavaScript 代码。只需在 元素上添加 mdui-collapse="options" 属性即可激活该插件。
在线运行
通过 JavaScript 调用
实例化插件：
// selector 为元素的 CSS 选择器或 DOM 元素
// options 为插件的参数，见下面的参数列表
var inst = new mdui.Collapse(selector, options);
我要举报
如以上回答内容为低俗、色情、不良、暴力、侵权、涉及违法等信息，可以点下面链接进行举报！
点此我要举报以上问答信息
大家都在看
推荐资讯