twitter-bootstrap – 如何使Bootstrap手风琴在点击标题div时崩

发布时间：2020-12-17 23:34:34 所属栏目：安全来源：网络整理

导读：在Bootstrap手风琴中，我不想要点击文本，而是在面板标题div中单击任何位置时，使它折叠。我使用Bootstrap 3.所以，而不是手风琴，它只是一个可折叠的面板。任何想法如何做整个面板可点击？解决方法所有你需要做的是使用… data-toggle =“collapse” dat

在Bootstrap手风琴中，我不想要点击文本，而是在面板标题div中单击任何位置时，使它折叠。

我使用Bootstrap 3.所以，而不是手风琴，它只是一个可折叠的面板。任何想法如何做整个面板可点击？

解决方法

所有你需要做的是使用…

> data-toggle =“collapse”
> data-target =“#ElementToExpandOnClick”

…在要单击的元素上触发折叠/展开效果。

具有data-toggle =“collapse”的元素将是触发效果的元素。
data-target属性指示在触发效果时将展开的元素。

(可选)如果要创建折叠效果而不是独立折叠，可以设置数据父级(如：

> data-parent =“#accordion”

我也将添加以下CSS到元素与data-toggle =“collapse”，如果他们不是< a>标签，例如：

.panel-heading {
    cursor: pointer;
}

这里是a jsfiddle与从Bootstrap 3 documentation的修改html。

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!