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

Question

在 Bootstrap Accordion 上，是否可以在折叠时将固定的保存按钮添加到 accordion 的标题中？这样当用户展开 Accordion 时，他们可以输入信息并始终通过标题栏上的固定按钮保存它？见下文。

基本上(因为我不能发布图片)

我的意思是

*> Accordion 标题(折叠)[保存按钮]

*> Accordion 标题(展开)[保存按钮]

输入框

输入框

*> Accordion 标题(折叠)[保存按钮]

Answer 1

在每个 .accordion-heading 中添加此 HTML:

<button class="btn btn-save">Save</button>

然后添加这个 CSS:

.btn-save{
    position:absolute;
    right:2px;
    top:2px;
}
.accordion-heading{
    position:relative;
}

这将在每个 Accordion 的每个标题内添加一个按钮，但单击该按钮不会展开或折叠 Accordion 。您可以为每个按钮指定一个不同的 ID，然后使用它来附加事件处理程序。

JSFiddle:http://jsfiddle.net/jdwire/gz3s4/3/