How to Get Bootstrap Table Accordion Effect

[JBMX]

I'm using Bootstrap and trying to see if I can expand a row (accordianish) on click.The reason I'm choosing to use table rather than the divs in the example document, is I'm using the table cells to help me do layout.Here's what I've tried so far:\[code\]table.table-hover.table caption This is a test caption thead tr th Number th Download th Details tbody each item, i in items tr(data-toggle="collapse", data-target="##{song.id}") td test td test tr td(colspan="5") .collapse(id=song.id) p Test\[/code\]This actually works suprisingly well but fails when I try to use some of the CSS table classes provided by bootstrap like .table or .table-hover