CSS layers single file with multi-page like layout?

[JAB Creations]

I've got a kid helping me out on my site and now he wants to add more then just PC cheat codes. I've been thinking of how I could keep a simple format with a single file and having tabbed links at the top of the list table for PC, PS2, XBOX, etc.

Problem is I'm not sure how to RESET a layer to have z-index: 1; (while the currently chosen list has a z-index of 2) when the user clicks on the next platform/layer. I've had issues with IE with onmouseover/onmouseout.

Z-index or display might be useful but I'm sure there are people with a lot more XP in this then me. Any suggestions? :-)

[Rambo Tribble]

Usually, what I've seen is the use of the visibility property to hide or reveal a series of divs with the main content and a set of smaller divs to form the tabs. Keeping track of z-index values can be a can of worms.

[JAB Creations]

Yeah thats my point; how do I hide the whatever the last div was when they switch to a new one? :-\

[Rambo Tribble]

You simply have a loop that sets ~.style.visibility='hidden' to the group of divs and an if conditional that applies visibility='visible' to the div you want exposed. Clicking on a tab sets the value that the if tests to show the associated div.