collapse table example

[simpli]

Hi,

I have an example of a table that I would like to collapse. I have a row with the summary data for 'member 1' the next 2-3 rows contain the detail of member1's stuff. Then we have the summary for member2 and his details. How could I make the data collapse/expand when we click on the summary lines?

 

Thank you in advance

<table border='1'><tr>
<td>Nom/Choix</td><td>Points</td><td>Points bonis</td><td>total</td></tr>
<td>Member1</td><td>Total points</td><td>Total points bonis</td><td>Grand total</td></tr>

<td>Finaliste: boston</td>
<td>0</td>
<td>0</td>
<td>0</td>
</tr>
<td>Member2</td><td>Total points</td><td>Total points bonis</td><td>Grand total</td></tr>
<tr>
<td>Finaliste: boston</td>

<td>0</td>
<td>0</td>
<td>0</td>
</tr>
</table>

[darkfreaks]

Jquery Expand/collapse table rows:

http://www.exforsys.com/tutorials/jquery/jquery-collapsing-and-expanding-table-rows.html

[simpli]

Do I need any jquery include to do this or is it just plain vanilla javascrip?

Thanks for confirming.

J-R

[darkfreaks]

you need to have the jquery file installed and included in the script from what i know.