Wish that accordion worked with table, using thead and tbody

Hi,

I would like to use accordion to create a collapsible table, while keeping all columns in both the header and body aligned.

See here: http://jsfiddle.net/t3mVp/

In my local version it looks even worse/

My naive thoughts on what needs to be done:

• Accordion might want to recognise that it's being attached to a <table>

• Icons need to go in headers.find('> tr:first > th:first')

• Currently the classes assigned to thead and tbody break the table:
• Probably should be assigned to child <tr> or even <td>/<th>

I want to use this to show a table of data that has section, without overwhelming the user by showing all sections at once.

If I just use a normal according structure with a separate <table> in the the heads and bodies then the columns will never easily line up. Especially when different ui themes, which can cause elements to be different sizes.

I don't think it would be a lot of work to make accordion aware of such a table structure, at least not for someone who knows what they are doing. I tried. but I don't think I was going in a successful direction.

-Thorben