form-group-toggle.js

(function ($) {

    'use strict';

    var i;
    for (i = 2; i < 20; i++) {
        var $field_group = $('.field-group-' + i);
        if ($field_group.length) {
            var classes = 'field-group-wrapper field-group-wrapper-' + i;
            if ($field_group.data('hidden')) {
                classes += ' js-hidden';
            }
            $field_group.wrapAll('<div class="' + classes + '" />');
        }
        else {
            break;
        }
    }

    $('.form-fields-grouper input[type="radio"]').on('change', function () {
        var radio_input_value = $(this).val();
        var fields_grouper_div = this.closest('.form-fields-grouper');
        var fields_grouper_for = $(fields_grouper_div).data('grouper-for');
        var group_toggle_on_value = $(fields_grouper_div).data('toggle-on');
        var group_toggle_off_value = $(fields_grouper_div).data('toggle-off');

        if (radio_input_value === group_toggle_on_value) {
            $('.field-group-wrapper-' + fields_grouper_for).removeClass('js-hidden').addClass('highlighted');
        }
        else if (radio_input_value === group_toggle_off_value) {
            $('.field-group-wrapper-' + fields_grouper_for).removeClass('highlighted').addClass('js-hidden');
        }
    });

})(jQuery);