2013-04-15 37 views
0

我想在Twitter Bootstrap的手風琴摺疊和展開時進行子彈更換/交換。我爲子彈使用了背景圖像。Twitter Bootstrap手風琴背景項目符號

現在,在這個jsfiddle中,http://jsfiddle.net/fBd4a/10/,當頁面加載時,應用的子彈爲' - '。但是在物品展開並摺疊後,它會保留「+」號。我想從一開始就用「+」號。

謝謝。

@import url('http://twitter.github.com/bootstrap/assets/css/bootstrap.css'); 

.container { 
    margin-top: 10px; 
} 
.accordion .accordion-group .accordion-heading a.accordion-toggle.collapsed {background: #e9e8e8 url(http://i.imgur.com/pdB4oDz.png) no-repeat 0 11px;} 
.accordion .accordion-group .accordion-heading a.accordion-toggle {background: #e9e8e8 url(http://i.imgur.com/9zfyr43.png) no-repeat 0 20px;} 

<div class="accordion" id="accordion2"> 
    <div class="accordion-group"> 
    <div class="accordion-heading"> 
     <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion2" href="#collapseOne"> 
     Collapsible Group Item #1 
     </a> 
    </div> 
    <div id="collapseOne" class="accordion-body collapse"> 
     <div class="accordion-inner"> 
     Anim pariatur cliche... 
     </div> 
    </div> 
    </div> 
    <div class="accordion-group"> 
    <div class="accordion-heading"> 
     <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion2" href="#collapseTwo"> 
     Collapsible Group Item #2 
     </a> 
    </div> 
    <div id="collapseTwo" class="accordion-body collapse"> 
     <div class="accordion-inner"> 
     Anim pariatur cliche... 
     </div> 
    </div> 
    </div> 
</div> 
<script src="http://twitter.github.io/bootstrap/assets/js/bootstrap-collapse.js"></script> 

回答

2

如果您需要的代碼開始與加號則collapsed類添加到已有的類的accordion-togglea

請參閱Fiddle

+0

哇,這是一個快速而有效的答案。謝謝,布萊克。 – vizzaro