Previously, my accordion functioned perfectly with Bootstrap 2.0.2, utilizing data-toggle="collapse" and data-parent="#selector". However, after upgrading to version 2.0.3, the accordion stopped working as expected.
While it still opens and closes the designated target div, it no longer automatically closes an open target div when another td with data-toggle="collapse" is clicked.
For a demonstration of the issue with Bootstrap 2.0.3, please visit:
You can also find the code example on JSFiddle at: 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>
Thank you for any assistance you can provide in resolving this issue!