Sample Quiz

1.Question ?

A.

B.

C.

D.

ClickAnswer

A

2. Question ?

A..

B.

C

D
Click Answer

B

3. Question ?

A..

B.

C

D
Click Answer

D

4. Question ?

A..

B.

C

D
Click Answer

C

5. Question ?

A..

B.

C

D
Click Answer

A

6. Question ?

A..

B.

C

D
Click Answer

B

7. Question ?

A..

B.

C

D
Click Answer

C

8. Question ?

A..

B.

C

D
Click Answer

C

9. Question ?

A..

B.

C

D
Click Answer

B

10. Question ?

A..

B.

C

D
Click Answer

D

Step1:-
Copy and paste the following code before </head>

<script type='text/javascript'>
window.addEvent(&#39;domready&#39;, function(){
var accordion = new Accordion(&#39;h3.menusection&#39;, &#39;div.menusection&#39;, {
opacity: false,
onActive: function(toggler, element){
toggler.setStyle(&#39;color&#39;, &#39;#333333&#39;);
toggler.setStyle(&#39;background&#39;, &#39;#FFFFCC&#39;);
},
onBackground: function(toggler, element){
toggler.setStyle(&#39;color&#39;, &#39;#FFFFFF&#39;);
toggler.setStyle(&#39;background&#39;, &#39;#999999&#39;);
}
}, $(&#39;mymenu&#39;));
});
</script>

Step2:-
To make your quiz work, Copy the following code to word doc.,
Replace the Question and Answer choice with your own.
Place your multiple options beside every A,B,C,D
Save it.
your quiz is ready copy it to post and publish.
<form name="f"><b>1.Question ?
</b>
<input name="a" value="4" type="radio">A.

<input name="a" value="1" type="radio">B.

<input name="a" value="2" type="radio">C.

<input name="a" value="3" type="radio">D.

<a aiotitle="click to expand" href="javascript:togglecomments('1a')">ClickAnswer</a>
<div style="font-weight: bold; color: rgb(153, 0, 0);" class="commenthidden" id="1a"> A</div>

<b>2. Question ?
</b>
<input name="b" value="2" type="radio"> A..

<input name="b" value="4" type="radio">B.

<input name="b" value="1" type="radio">C

<input name="b" value="3" type="radio">D
<a aiotitle="click to expand" href="javascript:togglecomments('2a')">Click Answer</a>
<div class="commenthidden" id="2a"><span style="color: rgb(102, 0, 0); font-weight: bold;">B</span></div>

<b>3. Question ?
</b>
<input name="b" value="2" type="radio"> A..

<input name="b" value="4" type="radio">B.

<input name="b" value="1" type="radio">C

<input name="b" value="3" type="radio">D
<a aiotitle="click to expand" href="javascript:togglecomments('3a')">Click Answer</a>
<div class="commenthidden" id="3a"><span style="color: rgb(102, 0, 0); font-weight: bold;">D</span></div>

<b>4. Question ?
</b>
<input name="b" value="2" type="radio"> A..

<input name="b" value="4" type="radio">B.

<input name="b" value="1" type="radio">C

<input name="b" value="3" type="radio">D
<a aiotitle="click to expand" href="javascript:togglecomments('4a')">Click Answer</a>
<div class="commenthidden" id="4a"><span style="color: rgb(102, 0, 0); font-weight: bold;">C</span></div>

<b>5. Question ?
</b>
<input name="b" value="2" type="radio"> A..

<input name="b" value="4" type="radio">B.

<input name="b" value="1" type="radio">C

<input name="b" value="3" type="radio">D
<a aiotitle="click to expand" href="javascript:togglecomments('5a')">Click Answer</a>
<div class="commenthidden" id="5a"><span style="color: rgb(102, 0, 0); font-weight: bold;">A</span></div>

<b>6. Question ?
</b>
<input name="b" value="2" type="radio"> A..

<input name="b" value="4" type="radio">B.

<input name="b" value="1" type="radio">C

<input name="b" value="3" type="radio">D
<a aiotitle="click to expand" href="javascript:togglecomments('6a')">Click Answer</a>
<div class="commenthidden" id="6a"><span style="color: rgb(102, 0, 0); font-weight: bold;">B</span></div>

<b>7. Question ?
</b>
<input name="b" value="2" type="radio"> A..

<input name="b" value="4" type="radio">B.

<input name="b" value="1" type="radio">C

<input name="b" value="3" type="radio">D
<a aiotitle="click to expand" href="javascript:togglecomments('7a')">Click Answer</a>
<div class="commenthidden" id="7a"><span style="color: rgb(102, 0, 0); font-weight: bold;">C</span></div>

<b>8. Question ?
</b>
<input name="b" value="2" type="radio"> A..

<input name="b" value="4" type="radio">B.

<input name="b" value="1" type="radio">C

<input name="b" value="3" type="radio">D
<a aiotitle="click to expand" href="javascript:togglecomments('8a')">Click Answer</a>
<div class="commenthidden" id="8a"><span style="color: rgb(102, 0, 0); font-weight: bold;">C</span></div>

<b>9. Question ?
</b>
<input name="b" value="2" type="radio"> A..

<input name="b" value="4" type="radio">B.

<input name="b" value="1" type="radio">C

<input name="b" value="3" type="radio">D
<a aiotitle="click to expand" href="javascript:togglecomments('9a')">Click Answer</a>
<div class="commenthidden" id="9a"><span style="color: rgb(102, 0, 0); font-weight: bold;">B</span></div>

<b>10. Question ?
</b>
<input name="b" value="2" type="radio"> A..

<input name="b" value="4" type="radio">B.

<input name="b" value="1" type="radio">C

<input name="b" value="3" type="radio">D
<a aiotitle="click to expand" href="javascript:togglecomments('10a')">Click Answer</a>
<div class="commenthidden" id="10a"><span style="color: rgb(102, 0, 0); font-weight: bold;">D</span></div>

</form>