Quiz Scoring
HTML
<section class="questions">
<h2 class="outline">Question</h2>
<p class="questionNumber">Question 1 of 5</p>
<div class="question">
<p class="questionText">What is your age range?</p>
<form>
<select class="demo">
<option value="20-34">20-34</option>
<option value="35-39">35-39</option>
<option value="40-44">40-44</option>
<option value="45-49">45-49</option>
<option value="50-54">50-54</option>
<option value="55-59">55-59</option>
<option value="60-64">60-64</option>
<option value="65-69">65-69</option>
<option value="70-74">70-74</option>
<option value="75-79">75-79</option>
</select>
</form>
</div>
<!--end questionAge -->
<div class="question hide">
<p class="questionText">What is your total cholesterol?</p>
<form>
<select>
<option value="Less than 160">Less than 160</option>
<option value="160-199">160-199</option>
<option value="200-239">200-239</option>
<option value="240-279">240-279</option>
<option value="Greater than 279">Greater than 279</option>
</select>
</form>
<div class="tip">
<p>Don't know your total cholesterol? Attend one of our free screenings. <a href="http://www.chsbuffalo.org/events" target="_blank">Click here to view upcoming screenings in our events
calendar.</a>
</p>
</div>
</div>
<!-- end cholesterol -->
<div class="question hide">
<p class="questionText">Are you a smoker?</p>
<form>
<input name="smoker" type="radio" value="Yes" />Yes
<br/>
<input name="smoker" type="radio" value="No" />No
<br/>
</form>
</div>
<!-- end questionSmoker -->
<div...
CSS
.hide {
display:none;
}
JavaScript
$(".next").click(function () {
//alert("I clicked next!");
$(".question:visible").addClass('hide').next(".question").removeClass("hide");
});