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