title: Radio button clicked to slide & show hidden div & pass a value
body: <p>I'm trying to mimic the function on this url: <a href="https://www.healthcare.gov/find-premium-estimates/" rel="nofollow">https://www.healthcare.gov/find-premium-estimates/</a> </p>
  
  <p>I've provided a link and the code to what I have so far. I'm trying to create the same feature of the site like when you click an answer to the provided questions it then <strong>slides you down</strong> to the next question... </p>
  
  <p>One issue I'm having with my jsfiddle example is if you click "No" on Question 2 it won't show the hidden div but, if you click "Yes" on the same question it then works... This also happens to question 3 if you click the "Don't Know".</p>
  
  <p>Here is what I have: <a href="http://jsfiddle.net/0vc9ep17/34/" rel="nofollow">http://jsfiddle.net/0vc9ep17/34/</a></p>
  
  <p><strong>Here is the HTML</strong></p>
  
  <pre><code>    &lt;h1&gt;Question 1&lt;/h1&gt;
      &lt;input type="radio" name="question1" value="answer1"&gt;
      Answer 1
      &lt;input type="radio" name="question1" value="answer2"&gt;
      Answer 2
      &lt;div class="answer1and2 hide"&gt;
      &lt;h1&gt;Question 2&lt;/h1&gt;
      &lt;input type="radio" name="question2" value="answer3"&gt;
      Yes
      &lt;input type="radio" name="question2" value="answer4"&gt;
      No
      &lt;/div&gt;
  &lt;div class="answer3 hide"&gt;
          &lt;h1&gt;Question 3&lt;/h1&gt;
          &lt;input type="radio" name="question3" value="answer5"&gt;
              maybe
          &lt;input type="radio" name="question3" value="answer6"&gt;
              Don't know
              &lt;/div&gt;
  &lt;div class="answer5 hide"&gt;
          &lt;h1&gt;Question 4&lt;/h1&gt;
          &lt;input type="radio" name="question4" value="answer7"&gt;
              maybe
          &lt;input type="radio" name="question4" value="answer8"&gt;
              Don't know
              &lt;/div&gt;
  </code></pre>
  
  <p><strong>Here is the Javascript</strong></p>
  
  <pre><code> jQuery(document).ready(function () {
       jQuery('input[type="radio"]').click(function () {
           if (jQuery(this).attr("value") == "answer1") {
               jQuery(".answer1").show("slow");
               jQuery(".answer1and2").show("slow");
           }
           if (jQuery(this).attr("value") == "answer2") {
               jQuery(".answer2").show("slow");
               jQuery(".answer1and2").show("slow");
           }
           if (jQuery(this).attr("value") == "answer3") {
               jQuery(".answer3").show("slow");
               jQuery(".answer4").show("slow");
               jQuery(".answer1and2").show("slow");
           }
           if (jQuery(this).attr("value") == "answer5") {
               jQuery(".answer1and2").show("slow");             
               jQuery(".answer3").show("slow");
               jQuery(".answer4").show("slow");
               jQuery(".answer5").show("slow");
  
           }
  
       });
   });
  </code></pre>
  
  <p><strong>Here is the CSS</strong></p>
  
  <pre><code>.hide {
      display: none;
  }
  </code></pre>
  
  <p>Thanks for any help!</p>