Bootstrap: Accordion Collapse smesso di funzionare con Bootstrap 2.0.3

Question

La mia fisarmonica utilizza data-toggle="collapse" e data-parent="#selector" funziona correttamente con Bootstrap 2.0.2, ma quando passo a 2.0.3 la funzionalità di fisarmonica smette di funzionare.

Si apre e chiude ancora il bersaglio div, ma non si chiuderà automaticamente un porta apertadiv quando un'altra td con data-toggle="collapse" viene cliccato.

Si può vedere che non si lavora con 2.0.3 qui: http://chooserealtoday.com/#faq

Il seguente esempio di codice è anche in JSFiddle a http://jsfiddle.net/N7MN9/3/.

<table id="faq-table" class="table table-bordered"> 
    <tr> 
    <td class="question" data-toggle="collapse" data-target="#answer1" data-parent="#faq-table"> 
     <p><strong>What is your name?</strong></p> 
     <div id="answer1" class="answer collapse"> 
     <p>Mark Rummel</p> 
     </div> 
    </td> 
    </tr> 
    <tr> 
    <td class="question" data-toggle="collapse" data-target="#answer2" data-parent="#faq-table"> 
     <p><strong>What is your favorite color?</strong></p> 
     <div id="answer2" class="answer collapse"> 
     <p>Blue, no yellow.</p> 
     </div> 
    </td> 
    </tr> 
</table> 

Grazie per l'aiuto che puoi offrire su questo!

Answer 1

vedo due opzioni

• uso div invece di tabella (andare per l'esempio http://twitter.github.com/bootstrap/javascript.html#collapse)
• modificare bootstrap.js e sostituire:

actives = this.$parent && this.$parent.find('> .accordion-group > .in')

dal 2.0 .2 versione:

actives = this.$parent && this.$parent.find('.in')

Answer 2

È possibile risolvere questo problema senza modificare i file Bootstrap: è sufficiente inserire la classe .accordion-group.

Reference

Answer 3

ho scritto this extension per consentire l'utilizzo crollo con un tavolo. Permette di specificare il selettore usato per trovare i fratelli attivi in ​​un gruppo collasso.

bootstrap-collapse-activeselector