Invisible Row

[alsaffar]

Hi everybody,

I have a table like the following:

<table>
<tr><td>Group 1</td></tr>
<tr><td>Sub Group 1.1</td></tr>
<tr><td>Sub Group 1.1</td></tr>
<tr><td>Group 2</td></tr>
<tr><td>Sub Group 2.1</td></tr>
<tr><td>Sub Group 2.2</td></tr>
</table>

How can I make by default that Sub Groups (Row# 2,3,5,6) invisible?

Then How can I make Sub Groups to be visible when one its Group Masters is clicked?

i.e. If Row#1 clicked then Row#2,3 should be visible
then if If Row#1 clicked again then Row#2,3 should be invisible

 

[Vragabond]

First things first, unless this is a test harness, your table doesn't seem to be used for tabular data. It looks like you'd be better of with definition list or a list of some sort.

Other than that, you would just use a class on the rows you want to hide and apply correct display properties to it. Again, this would be simpler if you'd use lists and nested lists to do this.