ui bootstrap手風琴，使用按鈕打開而不是標題

因此，使用正常的ui bootstrap手風琴打開標籤，您可以選擇標題;簡單，看起來不錯，效果很好。ui bootstrap手風琴，使用按鈕打開而不是標題

但是，我想改變它，而不是使用標題打開每個部分，您需要按下按鈕。所以，如果你有你的普通手風琴說3頭，第一個當然是開放的，隨着該部分的內容，還會有一個按鈕，說下一個將打開下一個頭的行。

我已經嘗試從選項卡和可摺疊部分結合的東西，但無濟於事。

任何想法？

2014-12-02 TaylorAllred

這可能不是很清楚，但我希望下一個按鈕是在同一區域中的內容這個標籤，當它被按下時，它也會消失。 – TaylorAllred 2014-12-02 21:36:42

在第一個標題下的內容，你將需要以低於

<button type="button" data-toggle="collapse" data-parent="#accordion" href="#collapseTwo">Next</button>

這裏顯示的屬性添加一個按鈕的撥弄：http://jsfiddle.net/of55299w/

來源

2014-12-02 21:39:10

雖然這不使用ui bootstrap或者angularjs，但它似乎可以解決我的問題。我會更新有關它是否適用於我的情況的詳細信息。 – TaylorAllred 2014-12-02 21:41:51

非常有趣的是，它主要工作，我修改你的小提琴，以更好地適合我的需求，它在小提琴中很好用，但是當我實施網站時，我使用它將工作在第一次點擊，然後在第二次然後單擊它將打開最後一個面板，但不會關閉剛纔的那個面板。有什麼想法嗎？ http://jsfiddle.net/of55299w/2/ – TaylorAllred 2014-12-02 22:38:16

http://plnkr.co/edit/KcVqv5Jz80ZnGBiTultl?p=preview

主要事項

1）你必須保存你想要控制的手風琴的is-open狀態

<accordion-group is-open="heading1.isOpen">

2）切換是開放與國家NG單擊，或任何

<button class="btn btn-default btn-sm" ng-click="heading1.isOpen = !heading1.isOpen">Toggle 1</button>

來源

2014-12-17 14:47:32 vinhboy

ui bootstrap手風琴，使用按鈕打開而不是標題

回答

相關問題