javascript - Bootstrap Accordion で、折りたたんだときに固定の保存ボタンをタイトルに追加する方法はありますか?

Question

Bootstrap アコーディオンで、折りたたまれたときにアコーディオンのタイトルに固定保存ボタンを追加することは可能ですか? ユーザーがアコーディオンを展開したときに、情報を入力して、タイトル バーの固定ボタンから常に保存できるようにするには? 下記参照。

基本的に（画像を投稿できないため）

ここに私が意味するものがあります

*> アコーディオンのタイトル (折りたたまれています) [保存ボタン]

*> アコーディオンのタイトル (展開) [保存ボタン]

入力ボックス

入力ボックス

*> アコーディオンのタイトル (折りたたまれています) [保存ボタン]

Answer 1

each 内にこの 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/