Tabbed notebook style in webpage

Has anyone got any tips for how to do this?

I think I can do it with iframes, but my requirement is complicated because the tabs contain form elements that I need to reference from the parent, and I think that could get kind of messy because i'd have to define separate forms in each iframe page, etc. groam.

I think there's a way to use CSS styles so that I can hide/display different parts of the page, controlled by javascript, but I need to dynamically set the classes of things, and I don't really know how to do that either.

Any suggestions?

Did it the second way. Took longer than I thought, but it works a treat. The trick is to loop through the elements setting the classnames dynamically, based on the currently active tab.