Bootstrap: Accordion Collapse dejó de funcionar con Bootstrap 2.0.3

Question

Mi acordeón usando data-toggle="collapse" y data-parent="#selector" funciona bien con Bootstrap 2.0.2, pero cuando cambio a 2.0.3 la funcionalidad de acordeón deja de funcionar.

Todavía abre y cierra el objetivo div, pero no se cerrará automáticamente una objetivo abiertadiv cuando se hace clic en otra td con data-toggle="collapse".

Se puede ver que no se trabaja con 2.0.3 aquí: http://chooserealtoday.com/#faq

El ejemplo de código también está en jsFiddle en 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> 

¡Gracias por cualquier ayuda que pueda ofrecer en esto!

Answer 1

veo dos opciones

• uso divs en lugar de la tabla (van por el ejemplo http://twitter.github.com/bootstrap/javascript.html#collapse)
• modificar y reemplazar bootstrap.js:

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

por el 2.0 .2 versión:

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

Answer 2

Puede resolver esto sin modificar los archivos de Bootstrap: solo agregue la clase .accordion-group.

Reference

Answer 3

escribí this extension para permitir el uso de colapso con una mesa. Le permite especificar el selector utilizado para buscar hermanos activos en un grupo colapsado.

bootstrap-collapse-activeselector