微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

单击标题div时如何使Bootstrap手风琴折叠?

如何解决单击标题div时如何使Bootstrap手风琴折叠?

您需要做的就是使用…

  • data-toggle="collapse"
  • data-target="#ElementToExpandOnClick"

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

带有的元素data-toggle="collapse"将是触发效果的元素。该data-target属性表示触发效果时将展开的元素。

您可以选择设置data-parent是否要创建手风琴效果而不是独立可折叠,例如:

  • data-parent="#accordion"

data-toggle="collapse"如果它们不是<a>标签,我还会将以下 CSS 添加到元素中,例如:

.panel-heading {
    cursor: pointer;
}

这是Bootstrap 3 文档修改后的 html的 jsfiddle

解决方法

在 Bootstrap 手风琴中,我不需要单击文本,而是希望在单击diva中的任何位置时使其折叠。panel-heading

我使用的是 Bootstrap 3。所以它不是手风琴,而是一个可折叠的面板。知道如何使整个面板可点击吗?

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。