divs hide correctly on page load, but need to show when back button is clicked
<p>I have several divs that are to be hidden on page load on a html form I am designing. Some contain text fields, some contain dropdown boxes. The are shown based on when certain radio buttons are clicked in the form. I am using javascript to hide the divs.  Here is the code I am using:</p>

<pre><code>&lt;script language="JavaScript"&gt; 

 function start() {
 hide('hideablearea');
 hide('nontenant');
 hide('conftype');
 hide('rec_roomlayout');
 hide('req_roomlabel');
 hide('req_roomdrpdwn');    
}
window.onload = start;
&lt;/script&gt;
</code></pre>

<p>It works perfectly.  My problem is...when the form is submitted and there is an error (for example, the user forgets to complete a required field) and clicks the back button, this function fires again and hides everything..and I want the hidden divs which have info inthem to show at this point.  Any idea on how to achieve this?</p>

<p>Thanks in advance!</p>

<p>K </p>
