<script type=text/javascript>
<!--
function toggleT(_w,_h) {
if (document.all) { // is IE
if (_h=='s') eval("document.all."+_w+".style.visibility='visible';");
if (_h=='h') eval("document.all."+_w+".style.visibility='hidden';");
} else {
if (_h=='s') eval("document.layers['"+_w+"'].visibility='show';");
if (_h=='h') eval("document.layers['"+_w+"'].visibility='hide';");
}
}
//-->
</script>
<form>
<B>Type 1</B> Visible<input name="r1" type="radio" checked value="1" onClick="toggleT('divt1','s')">
Hidden <input name="r1" type="radio" value="2" onClick="toggleT('divt1','h')"><BR>
<B>Type 2</B> Visible<input name="r2" type="radio" checked value="1" onClick="toggleT('divt2','s')">
Hidden <input name="r2" type="radio" value="2" onClick="toggleT('divt2','h')">
</form>

<span id="divt1">
<form>
Type 1 Input: <input type="text" value="">
</form>
</span>
<span id="divt2">
<form>
Type 2 Input: <input type="text" value="">
</form>
</span>
<p><b><br>