/**
*
* Gebruik: $('.radio_toggle').radioToggle();
*
* Formulier wordt doorzocht op divs met een '.radio_toggle' class.
* Er wordt verwacht dat in deze div radio buttons aanwezig zijn, met een id.
*
* Het id van deze buttons wordt gebruikt om elementen met classes welke hetzelfde heten als dit id aan en uit te zetten.
*
* Dus is het id van de radio button 'deze_vragen', dan worden alle divs met als class 'deze_vragen' getoond.
*
* <div class="radio_toggle">
* <input type="radio" id="deze_vragen"/>Deze vragen<br/>
* <input type="radio" id="andere_vragen"/>Andere vragen
* </div>
*
* <div class="deze_vragen"></div>
* <div class="andere_vragen"></div>
*
* Tijdens het submitten zullen alle verborgen vragen niet doorgestuurd worden en worden verwijderd uit het formulier.
*
*/

jQuery.fn.radioToggle = function() {
  var all = [];

  this.parents('form').bind('submit', function() {
      $(all).each(function() {
          // verwijder de niet zichtbare input uit het formulier,
          if(!$(this).is(':visible')) {
              $(this).remove();
          }
      });

      return true;      
  });

  this.each(function() {
      var radios = $(this).children(':radio');
      var a = [];
      radios.each(function() {
          a.push($('.'+this.id));
      });

      radios.each(function() {
          $(this).click(function() {
              $(a).each(function() { this.hide(); });
              $('.'+this.id).show();
          });
      });  

      $(a).each(function() { this.hide(); });
      all = $(all).add(a);
  });
};