Dynamic Page Display

I was wondering if anyone could help me, Im trying to design a form, and at the top of the form i want a radio selection with two options, "easy form" and "detailed form", and i want some kind of javascript or something that when the user changes that option, it either hides the bottom half of the form (easy form) or it displays it (shown) and i want them to keep being able to toggle back and forth between them without losing data as they fill out the form. Is there any way to do this, like a hidden attribute for the input items? If you need a better description to answer my question, let me know, thanks everyone!

Put the simple form in one DIV and the extended part of the form in another DIV. Then, use onChange in the RADIO button to call the JavaScript that hides/shows the extended DIV. The form contents should not go away unless the page reloads. This means, if the person fills out the complex form and then 'hides' it via the RADIO button toggle, those contents will still be submitted. To get around this, you could have an onSumbit in the FORM tag that stops the FORM from submitting (with return=false and calls a JavaScript that processes your form data the way you want it submitted (depending on the value of the RADIO button at the top) and then submits the processed data.

[This message has been edited by pieux (edited August 23, 2000).]

NOTE: That smilie is supposed to be '' without the single quotes, but I can't seem to edit it out.