javascript - 在 Bootstrap Accordion 上，有没有办法在折叠时为标题添加一个固定的保存按钮？

Question

在 Bootstrap Accordion 上，是否可以在折叠时在手风琴的标题上添加一个固定的保存按钮？这样当用户展开手风琴时，他们可以输入信息并始终从标题栏上的固定按钮保存它？见下文。

基本上（因为我无法发布图片）

这就是我的意思

*> 手风琴标题（折叠）[保存按钮]

*> 手风琴标题（扩展）[保存按钮]

输入框

输入框

*> 手风琴标题（折叠）[保存按钮]

Answer 1

在每个中添加此 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/