Creating Accordion Table with Bootstrap

Question

I have a table that\'s populated from a database which has lots of columns (around 30). A solution someone thought of was to create an accordion out the table, where each ro

Answer 1

For anyone who came here looking for how to get the true accordion effect and only allow one row to be expanded at a time, you can add an event handler for show.bs.collapse like so:

$('.collapse').on('show.bs.collapse', function () {
    $('.collapse.in').collapse('hide');
});

I modified this example to do so here: http://jsfiddle.net/QLfMU/116/