<p class="question">1. What is the answer to this question?</p>
<ul class="answers">
<input type="radio" name="q1" value="a" id="q1a"><label for="q1a">Answer 1</label><br/>
<input type="radio" name="q1" value="b" id="q1b"><label for="q1b">Answer 2</label><br/>
<input type="radio" name="q1" value="c" id="q1c"><label for="q1c">Answer 3</label><br/>
<input type="radio" name="q1" value="d" id="q1d"><label for="q1d">Answer 4</label><br/>
</ul>
<p class="question">2. What is the answer to this question?</p>
<ul class="answers">
<input type="radio" name="q2" value="a" id="q2a"><label for="q2a">Answer 1</label><br/>
<input type="radio" name="q2" value="b" id="q2b"><label for="q2b">Answer 2</label><br/>
<input type="radio" name="q2" value="c" id="q2c"><label for="q2c">Answer 3</label><br/>
<input type="radio" name="q2" value="d" id="q2d"><label for="q2d">Answer 4</label><br/>
</ul>
<p class="question">3. What is the answer to this question?</p>
<ul class="answers">
<input type="radio" name="q3" value="a" id="q3a"><label for="q3a">Answer 1</label><br/>
<input type="radio" name="q3" value="b" id="q3b"><label for="q3b">Answer 2</label><br/>
<input type="radio" name="q3" value="c" id="q3c"><label for="q3c">Answer 3</label><br/>
<input type="radio" name="q3" value="d" id="q3d"><label for="q3d">Answer 4</label><br/>
</ul>
<p class="question">4. What is the answer to this question?</p>
<ul class="answers">
<input type="radio" name="q4" value="a" id="q4a"><label for="q4a">Answer 1</label><br/>
<input type="radio" name="q4" value="b" id="q4b"><label for="q4b">Answer 2</label><br/>
<input type="radio" name="q4" value="c" id="q4c"><label for="q4c">Answer 3</label><br/>
<input type="radio" name="q4" value="d" id="q4d"><label for="q4d">Answer 4</label><br/>
</ul>
<p class="question">5. What is the answer to this question?</p>
<ul class="answers">
<input type="radio" name="q5" value="a" id="q5a"><label for="q5a">Answer 1</label><br/>
<input type="radio" name="q5" value="b" id="q5b"><label for="q5b">Answer 2</label><br/>
<input type="radio" name="q5" value="c" id="q5c"><label for="q5c">Answer 3</label><br/>
<input type="radio" name="q5" value="d" id="q5d"><label for="q5d">Answer 4</label><br/>
</ul>
<p class="question">6. What is the answer to this question?</p>
<ul class="answers">
<input type="radio" name="q6" value="a" id="q6a"><label for="q6a">Answer 1</label><br/>
<input type="radio" name="q6" value="b" id="q6b"><label for="q6b">Answer 2</label><br/>
<input type="radio" name="q6" value="c" id="q6c"><label for="q6c">Answer 3</label><br/>
<input type="radio" name="q6" value="d" id="q6d"><label for="q6d">Answer 4</label><br/>
</ul>
<p class="question">7. What is the answer to this question?</p>
<ul class="answers">
<input type="radio" name="q7" value="a" id="q7a"><label for="q7a">Answer 1</label><br/>
<input type="radio" name="q7" value="b" id="q7b"><label for="q7b">Answer 2</label><br/>
<input type="radio" name="q7" value="c" id="q7c"><label for="q7c">Answer 3</label><br/>
<input type="radio" name="q7" value="d" id="q7d"><label for="q7d">Answer 4</label><br/>
</ul>
<p class="question">8. What is the answer to this question?</p>
<ul class="answers">
<input type="radio" name="q8" value="a" id="q8a"><label for="q8a">Answer 1</label><br/>
<input type="radio" name="q8" value="b" id="q8b"><label for="q8b">Answer 2</label><br/>
<input type="radio" name="q8" value="c" id="q8c"><label for="q8c">Answer 3</label><br/>
<input type="radio" name="q8" value="d" id="q8d"><label for="q8d">Answer 4</label><br/>
</ul>
<p class="question">9. What is the answer to this question?</p>
<ul class="answers">
<input type="radio" name="q9" value="a" id="q9a"><label for="q9a">Answer 1</label><br/>
<input type="radio" name="q9" value="b" id="q9b"><label for="q9b">Answer 2</label><br/>
<input type="radio" name="q9" value="c" id="q9c"><label for="q9c">Answer 3</label><br/>
<input type="radio" name="q9" value="d" id="q9d"><label for="q9d">Answer 4</label><br/>
</ul>
<p class="question">10. What is the answer to this question?</p>
<ul class="answers">
<input type="radio" name="q10" value="a" id="q10a"><label for="q10a">Answer 1</label><br/>
<input type="radio" name="q10" value="b" id="q10b"><label for="q10b">Answer 2</label><br/>
<input type="radio" name="q10" value="c" id="q10c"><label for="q10c">Answer 3</label><br/>
<input type="radio" name="q10" value="d" id="q10d"><label for="q10d">Answer 4</label><br/>
</ul>
<br/>
<div id="results">
Show me the answers!
</div>
<div id="category1">
<p>
<strong>Question 1:</strong> The correct answer is the <strong>Answer 1</strong>.</p>
</div>
<div id="category2">
<p>
<strong>Question 2:</strong> The correct answer is <strong>Answer 2</strong>.</p>
</div>
<div id="category3">
<p>
<strong>Question 3:</strong> The correct answer is <strong>Answer 3</strong>.</p>
</div>
<div id="category4">
<p>
<strong>Question 4:</strong> The correct answer is <strong>Answer 4</strong>.</p>
</div>
<div id="category5">
<p>
<strong>Question 5:</strong> The correct answer is <strong>Answer 1</strong>.</p>
</div>
<div id="category6">
<p>
<strong>Question 6:</strong> The correct answer is <strong>Answer 2</strong>.</p>
</div>
<div id="category7">
<p>
<strong>Question 7:</strong> The correct answer is <strong>Answer 3</strong>.</p>
</div>
<div id="category8">
<p>
<strong>Question 8:</strong> The correct answer is <strong>Answer 4</strong>.</p>
</div>
<div id="category9">
<p>
<strong>Question 9:</strong> The correct answer is <strong>Answer 1</strong>.</p>
</div>
<div id="category10">
<p>
<strong>Question 10:</strong> The correct answer is <strong>Answer 2</strong>.</p>
</div>
<div id="category11">
<p>
You answered them all right!</p>
</div>
Comments
Post a Comment