<SCRIPT LANGUAGE="Javascript">
	var AnswersAreShown;
	AnswersAreShown = true;

	function switchAnswersShown ()
	{
		If(AnswersAreShown)
		{
			document.getElementById('QuestionAnswers').style.visibility="hidden";
			AnswersAreShown = false;
		}else{
			document.getElementById('QuestionAnswers').style.visibility="visible";
			AnswersAreShown = true;
		}
	}
</SCRIPT>

Below is the form that will be hidden or displayed. <br> <INPUT TYPE="BUTTON" onClick="switchAnswersShown()" VALUE="View / Hide Form"> <br>

<div id="QuestionAnswers">
<table border="0" cellpadding="0" cellspacing="0" width="100%">
  <tr>
    <td width="100%" bgcolor="#FF0000">the form is shown</td>
  </tr>
</table>
</div>

function MM_findObj(n, d) { //v3.0
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document); return x;
}

function MM_showHideLayers() { //v3.0
  var i,p,v,obj,args=MM_showHideLayers.arguments;
  for (i=0; i<(args.length-2); i+=3) if ((obj=MM_findObj(args[i]))!=null) { v=args[i+2];
    if (obj.style) { obj=obj.style; v=(v=='show')?'visible':(v='hide')?'hidden':v; }
    obj.visibility=v; }
}

showHideLayers('divName','','show')

showHideLayers('div1','','show','div2','','hide','div3','','show')

quote:

---

Originally posted by D3mon

what happens if Javascript is disabled?

---