If i click the radio button it will go to the divtags/panels that i want to show. what you see in the website is what i want in my website. clicking the radio button will pop below the next questions, and if answered will pop up again another set of questions…
if you have a code please post it here or send it to <snip/>
Here is a way to do it. The script collects all the divs with class name “hide” for later display or hide. The clearAll() function removes unwanted divs, depending on their level in the tree. I have used in-line handlers so that you can see what is happening on each line of the script.
[HIGHLIGHT=“”]
<!doctype HTML PUBLIC “-//W3C//DTD HTML 4.01 Transitional//EN”>
<html>
<div id=“wrap”>
<form name=“myForm” method=“get” action=“a110305_2.htm”>
<p class=“a”>Select one of the options below</p>
<p>
<input id=“a1” type=“radio” name=“myRadio” value=“1” onclick=“clearAll(0); getOption(this,1)”>
This is the first option (a1-1)</p>
<p>
<input id=“a2” type=“radio” name=“myRadio” value=“2” onclick=“clearAll(0); getOption(this,1)”>
This is the second option (a1-2)</p>
<div id=“a1-1” class=“hide gen”>
<p class=“a”><b>This is a1-1</b></p>
<p>
<input id=“a3” type=“radio” name=“myRadio1” value=“1” onclick=“clearAll(2); getOption(this,2)”>
This is the first sub-option (a2-1)</p>
<p>
<input id=“a4” type=“radio” name=“myRadio1” value=“2” onclick=“clearAll(2); getOption(this,2)”>
This is the second sub-option (a2-2)</div>
<!-- end a1-1 –>
<div id=“a1-2” class=“hide gen”>
<p class=“a16B”><b>This is a1-2</b></p>
<p>
<input id=“a5” type=“radio” name=“myRadio2” value=“1” onclick=“clearAll(2); getOption(this,2)”>
This is the first sub-option (a2-1)</p>
<p>
<input id=“a6” type=“radio” name=“myRadio2” value=“2” onclick=“clearAll(2); getOption(this,2)”>
This is the second sub-option (a2-2)</div>
<!-- end a1-2 –>
<div id=“a2-1” class=“hide gen”>
<p class=“a”><b>This is a2-1</b></div>
<!-- end a2-1 –>
<div id=“a2-2” class=“hide gen”>
<p class=“a16B”><b>This is a2-2</b></div>
<!-- end a2-2 –>
</form>
<!-- end form –>
</div>
<!-- end wrap –>