Anyone help with a tabbed CSS table?

If I have a table that is 3 rows and 2 columns:

row1 | row1information
row2 | row2information
row3 | row2information

and I want to do something like this:

I want it laid out like this:

Row1 Row2 Row3

And if you click Row1, it displays row1information below it and hides the other 2 rows. Same with if I click row2 and row3. Is this possible without JS?

Anyone have an idea where I can check out a css capable of that?

 

does nontroppo.org/test/tab1.html help?

 

I saw that before I asked, but each tab seems to load a brand new page. I'm looking to show and hide content contained on the same page.

 

J.D. posted a method in this thread but the technique only works in Firefox.

Mick