JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>
<div class="questionPanel panel panel-default " id="question_52">
   <div class="panel-heading">6) Regarding Store Locations...</div>
   <div class="panel-body">
      <fieldset class="survey-control-fieldset" id="wrapper_304">
         <div class="survey-control-title">
            At which one store do you spend most of your grocery dollars?
         </div>
         <!-- Open New Row -->
         <div class="row">
            <!-- Open New Cell -->
            <div class="col-xs-6 col-md-4">
               <div class="radio">
                  <label for="item_515">
                  <input name="control_304" id="item_515" value="304:515" type="radio"> Wyman Ltd
                  </label>
               </div>
            </div>
            <!-- Cell Closed -->
            <!-- Open New Cell -->
            <div class="col-xs-6 col-md-4">
               <div class="radio">
                  <label for="item_536">
                  <input name="control_304" id="item_536" value="304:536" type="radio"> Von Inc
                  </label>
               </div>
            </div>
            <!-- Cell Closed -->
            <!-- Open New Cell -->
            <div class="col-xs-6 col-md-4">
               <div class="radio">
                  <label for="item_650">
                  <input name="control_304" id="item_650" value="304:650" type="radio"> Schaefer, Bins and Braun
                  </label>
               </div>
            </div>
            <!-- Cell Closed -->
         </div>
         <!-- Row Closed -->
         <!-- Open New Row -->
         <div class="row">
            <!-- Open New Cell -->
            <div class="col-xs-6 col-md-4">
               <div class="radio">
                  <label for="item_875">
                  <input name="control_304"...

CSS

.survey-question-fieldset:not(:first-child) {

	margin-top: 25px;

}

.survey-question-legend {


}

.survey-control-fieldset {
	margin: 15px 0 15px 20px;
}

.survey-control-legend {

	font-weight: bold;
	font-size: 100%;
}


.survey-control-title {

	font-weight: bold;
	padding-bottom: 5px;
	font-size: 100%;
}


.page-center {


    margin: 0 auto;
    margin-top: 50px;
    text-align: center;

    font-size: 120%;
    color: green;
}


.hiddenGroup {
	display: none;
}

JavaScript

$("input[type='radio'], input[type='checkbox']").change(function(e) {
      
        $(this).each(function(index, item){

            var newGroupName = '';

            if( $(item).is(':checked') ){

                newGroupName = getGroupElement( $(this).val() );

                $('#' + newGroupName).show();
            } else {
                newGroupName = getGroupElement( $(this).val() );
                
                $('#' + newGroupName).hide();
            }
        });


    }).change();