how to hidden a form in javascript
<p>How do I hide a form and display it when a label is clicked?</p>

<pre><code>&lt;form id="form1" action="javascript:return true;" name="form1"&gt;
&lt;input type="radio" name="group1" value="opt1" id="opt1" 
onclick="show()"&gt;&lt;label for="opt1"&gt;Option 1&lt;/label&gt;&lt;br&gt;
&lt;input type="radio" name="group1" value="opt2" id="opt2" 
onclick="show()"&gt;&lt;label for="opt2"&gt;Option 2&lt;/label&gt;&lt;br&gt;
&lt;input type="radio" name="group1" value="opt3" id="opt3" 
onclick="show()"&gt;&lt;label for="opt3"&gt;Option 3&lt;/label&gt;&lt;br&gt;

&lt;div id="droplist"&gt;
&lt;select name="opt2-select"&gt;
&lt;option value='opt2a'&gt;Option 2A&lt;/option&gt;
&lt;option value='opt2b'&gt;Option 2B&lt;/option&gt;
&lt;option value='opt2c'&gt;Option 2C&lt;/option&gt;
&lt;/select&gt;
&lt;/div&gt;
&lt;/form&gt;

&lt;label id="a" onclick="formenable()"&gt;click&lt;/label&gt;....

function formenable()
{
var o=document.getElementById("form1");
o.style.visibility="hidden"
}
</code></pre>

<p>First the form should be hidden default. When the label is clicked the form should be displayed. How do I do that?</p>
