2017-02-01 50 views
0

我已經完成了研究,並且對於我的知識數據目標是我需要關閉div,如果其他開放。換句話說,我需要一次打開一個div。但我認爲我無法做到這一點,或者一次無法打開手風琴。這裏是我的code手風琴不關閉其他開放divs

<a role="button" 
data-toggle="collapse" 
data-parent="#accordion" 
href="#collapseOne" 
aria-expanded="true" 
aria-controls="collapseOne"> 

回答

2

您可以使用引導Collapse API觀看了show.bs.collapse事件觸發射擊,然後關閉使用collapse('hide')方法之外崩潰元素。該代碼將如下所示:

$(document).ready(function(){ 
    var $panels = $('.panel-collapse'); 

    $panels.on('show.bs.collapse', function(){ 
    $panels.not(this).collapse('hide'); 
    }); 
}); 

這裏是一個更新的codepen也有一些更新的HTML。

請注意,我建議不要在另一個row之內直接使用row,那麼根本就沒有任何需要,並且可能會造成電網問題。此外,您可能不需要儘可能多的類,您可以簡單地讓包裝容器有效地包含內容。

希望這有助於!

+0

有時我在Bootstrap文檔中迷路了。 – Nofel

+0

我感覺你,它肯定會變得難以抗拒,但是一旦你可以瀏覽它,你會發現你可以用他們的API做一些非常令人興奮的事情。希望答案有幫助。 –

+0

'$ panel.on'做了什麼? – Nofel