title: show extra fields on different radio button values
body: <p>I have three radio buttons, when a visitor clicks the first radio, nothing will happen, when they click the second OR the third some extra fields should show up.</p>
  
  <p>I have following html:</p>
  
  <pre><code>&lt;p class="input-group input-radio input-field-workshop_wenst_u_een_factuur"
    &lt;label for="workshop_wenst_u_een_factuur"&gt;
      Wenst u een factuur?
      &lt;span class="em-form-required"&gt;*&lt;/span&gt;
    &lt;/label&gt;
    &lt;span class="input-group"&gt;
      &lt;input class="workshop_wenst_u_een_factuur" name="workshop_wenst_u_een_factuur" val="Ik heb geen factuur nodig." type="radio"&gt;
      &lt;input class="workshop_wenst_u_een_factuur" name="workshop_wenst_u_een_factuur" val="Ik heb wel een factuur nodig." type="radio"&gt;
      &lt;input class="workshop_wenst_u_een_factuur" name="workshop_wenst_u_een_factuur" val="Mijn werkgever zal betalen." type="radio"&gt;
    &lt;/span&gt;
  &lt;/p&gt;
  </code></pre>
  
  <p>CSS for the extra fields:</p>
  
  <pre><code>.input-field-workshop_gelijk_adres, .input-field-factuur_bedrijf, 
  .input-field-factuur_naam_contactpersoon, .input-field-factuur_email_contactpersoon,
  .input-field-factuur_straat, .input-field-factuur_nummer, 
  .input-field-factuur_bus, .input-field-factuur_postcode,
  .input-field-factuur_gemeente, .input-field-factuur_land,
  .input-field-factuur_btw-nummer, .input-field-factuur_opmerkingen {
    display: none;
  }
  </code></pre>
  
  <p>I want when radio button 2 or 3 is selected show extra fields. I have following script:</p>
  
  <pre><code>$("input[name='workshop_wenst_u_een_factuur']").click(function () {
    $('.input-field-workshop_gelijk_adres').css('display', ($(this).val() === 'Ik heb wel een factuur nodig.') ? 'block':'none'),
    $('.input-field-factuur_bedrijf').css('display', ($(this).val() === 'Ik heb wel een factuur nodig.') ? 'block':'none'),
    $('.input-field-factuur_naam_contactpersoon').css('display', ($(this).val() === 'Ik heb wel een factuur nodig.') ? 'block':'none'),
    $('.input-field-factuur_email_contactpersoon').css('display', ($(this).val() === 'Ik heb wel een factuur nodig.') ? 'block':'none'),
    $('.input-field-factuur_straat').css('display', ($(this).val() === 'Ik heb wel een factuur nodig.') ? 'block':'none'),
    $('.input-field-factuur_nummer').css('display', ($(this).val() === 'Ik heb wel een factuur nodig.') ? 'block':'none'),
    $('.input-field-factuur_bus').css('display', ($(this).val() === 'Ik heb wel een factuur nodig.') ? 'block':'none'),
    $('.input-field-factuur_postcode').css('display', ($(this).val() === 'Ik heb wel een factuur nodig.') ? 'block':'none'),
    $('.input-field-factuur_gemeente').css('display', ($(this).val() === 'Ik heb wel een factuur nodig.') ? 'block':'none'),
    $('.input-field-factuur_land').css('display', ($(this).val() === 'Ik heb wel een factuur nodig.') ? 'block':'none'),
    $('.input-field-factuur_btw-nummer').css('display', ($(this).val() === 'Ik heb wel een factuur nodig.') ? 'block':'none'),
    $('.input-field-factuur_opmerkingen').css('display', ($(this).val() === 'Ik heb wel een factuur nodig.') ? 'block':'none');
  })
  </code></pre>
  
  <p>This does the job when I select the second radio button, how can I make it visible when the third radio button is selected and then disappear again when the first is selected again?</p>