在Bootstrap Accordion上,折叠时是否有将固定保存按钮添加到标题的方法?
问题描述:
是否可以在Bootstrap Accordion上为折叠时的手风琴标题添加固定的保存按钮?这样当用户展开手风琴时,他们可以输入信息并始终将其从标题栏上的固定按钮上保存下来?见下文。在Bootstrap Accordion上,折叠时是否有将固定保存按钮添加到标题的方法?
基本上(因为我不能张贴图片)
这里是我的意思
*>手风琴的标题(折叠)[保存按钮]
*>手风琴的标题(展开)[保存按钮]
输入框
输入框
*>手风琴的标题(折叠)[保存按钮]
答
添加此HTML每个.accordion-heading
内:
<button class="btn btn-save">Save</button>
然后添加这个CSS:
.btn-save{
position:absolute;
right:2px;
top:2px;
}
.accordion-heading{
position:relative;
}
这里面添加一个按钮每个手风琴的标题,但点击该按钮不会展开或折叠手风琴。你可以给每个按钮一个不同的id,然后用它来附加事件处理程序。
JSFiddle:http://jsfiddle.net/jdwire/gz3s4/3/