I'm sure I've seen it before, but I've been googling for over two hours now and am no futher along.

A program I'm working on requires that users be able to add either an adult or student into the database. A different form is required for each, so after they click a button to add a new person, I would like a simple html drop down menu with the following options:

--> Select One... (Default)
--> Adult
--> Student

Upon selecting an option, I would like to have the appropriate form revealed on the current page. I know how to set the visibility and/or display attributes with CSS, but how can I get the drop down menu to change the attribute for the correct div?

Could anybody tell me how to accomplish this, or point me in the direction of an example???

Thank You Very Much!

The reason you can't find the answer within CSS is because the answer you seek isn't purely a CSS solution.

It requires both CSS and Javascript...Javascript can control CSS attributes and display the appropriate content.

http://www.javascriptkit.com/jsref/style.shtml

This should get you started.

http://codepunk.hardwar.org.uk/ajs30.htm

This is a list of EVERY CSS attribute and its Javascript equivalent.

Run with the ball from there and see how far it takes you.