Multiple tables on a page. with complexity...

[eluser]Unknown[/eluser]
Hi there

I would like to have several tables on a page, but the data in the tables are of a parent-child relationship.

For example:

Code:

[Table "A"]
{row 1} * selected row
{row 2}

[Table "B"]
{row 1 (based on "A".row1) }
{row 2 (based on "A".row1) }

If the user were to click on row 2 in table "A" I would like the following data to appear:

Code:

[Table "A"]
{row 1}
{row 2} * selected row

[Table "B"]
{row 1 (based on "A".row2) }
{row 2 (based on "A".row2) }

(In my case this could go down to another table, so please bear that in mind)

Any ideas?

[eluser]CroNiX[/eluser]
javascript. Hide all of table B, and when clicking on a table A entry, display the corresponding entry in table B.