如何解决单击标题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 举报,一经查实,本站将立刻删除。