在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。