I'm trying to figure out how to build a table that allows the user to toggle groups of rows, much like the accordion menus made with Jörn's accordion plugin, while keeping reasonably semantically correct markup in the table.
My best guess on the markup is posted here: http://www.monkeypuzzle.net/testfiles/jquery/Accordion_table/ briefly, it's something like: <table> <thead> <tr> <th>heading</> <th>heading</> </tr> </thead> <tbody> <tr class="accordion"> <th colspan="2" class="collapse_group">Grouping name 1</th> </tr> <tr> <td>data</> <td>data</> </tr> <tr> <td>data</> <td>data</> </tr> </tbody> <tbody> <tr class="accordion"> <th colspan="2" class="collapse_group">Grouping name 1</th> </tr> <tr> <td>data</> <td>data</> </tr> <tr> <td>data</> <td>data</> </tr> </tbody> ...etc </table> I want to be able to click on the "Grouping" <th> and collapse/expand the rest of the rows in that <tbody>, but leaving the <tr class="accordion"> visible. Can someone get me started? :-) thanks! -- View this message in context: http://www.nabble.com/accordion-table%2C-instead-of-an-accordion-list-menu--tf3264032.html#a9072982 Sent from the JQuery mailing list archive at Nabble.com. _______________________________________________ jQuery mailing list [email protected] http://jquery.com/discuss/
