2014-02-27 44 views
3

我正在使用Bootstrap v2.3.2與崩潰元素。調用引導程序崩潰('show')僅在第一次隱藏元素

我的手風琴看起來是這樣的:

<div class="accordion" id="accordion"> 
     <div class="accordion-heading"> 
      <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion" href="#collapseOne"> 
       <strong><i class="icon-chevron-down"></i>Search options</strong> 
      </a> 
     </div> 
     <div id="collapseOne" class="accordion-body collapse in"> 
      <div class="accordion-inner"> 
       Hello 
      </div> 
     </div> 
    </div> 
</div> 

如果我按一下就可以了,沒有問題崩潰元素#collapseOne。

但是,如果我打電話功能$("#collapseOne").collapse('show');,該元素將隱藏除了顯示,但只在第一次調用,並且只有在我之前不折疊元素點擊它。我想我忘了一個HTML元素,但我看不出有任何區別到DOM ...

Fiddle:點擊「按我」按鈕之前沒有點擊收縮元件上。


已經嘗試:加$ accordion.collapse({切換:真})(https://github.com/twbs/bootstrap/issues/5859),但它沒有工作......

回答

2

$accordion.collapse({toggle:false})修復切換的問題,但錯誤的元素上。

你需要修復的#collapseOne

$("#collapseOne").collapse({toggle:false});

FIDDLE

+0

完美的作品, 謝謝 :) – Getz

0

我解決了這個我在我的模板解決方案......就這樣:

$(document).ready(function() { 
    $(".panel-body").collapse({ 'toggle': false }); 
});