current_Importance + current_BodyPart

by chayacooper

HTML

<div id="body_part_info" class="headerFont">
<label><input type="radio" name="body_shape_importance" class="show_value" checked="checked" value="PrimaryShape" />Primary Shape</label>
<label><input type="radio" name="body_shape_importance" class="show_value" value="ToneCellulite" />Tone/Cellulite</label>
<label><input type="radio" name="body_shape_importance" value="SecondaryShape" /> Secondary Shape</label>
</div>  
<select name="body_part" id="body_part_primary" >
           <option value="1" >1</option>
           <option value="bust" >Bust</option>
           <option value="Hips">Hips</option> <!-- measurements_hips -->
           <option value="Waist">Waist</option><!-- measurements_waist -->
</select>
<select name="body_part" id="body_part_muscle_cellulite" style="display:none">
           <option value="2" >2</option>
<option value="thigh_muscle_tone">Thighs</option>
<option value="bottom_muscle_tone">Butt</option>
<option value="arm_tone">Upper Arm</option>
</select>   
<select name="body_part" id="body_part_secondary" style="display:none">
           <option value="3" >3</option>
           <option value="stomach">Stomach</option>
           <option value="Height">Height</option> 
           <option value="Weight_description">Weight</option>
</select>

<div id="primary_body_description1">1
<label><input type="radio" name="body_part_description" value="Small" />Small</label>
<label><input type="radio" name="body_part_description" value="Large" />Large</label>
</div>          
<div id="primary_body_description2" style="display:none">2
<label><input type="radio" name="body_part_description" value="Narrow" />Narrow</label> 
<label><input type="radio" name="body_part_description" value="Wide" />Wide</label>       
</div>
<div id="primary_body_description3" style="display:none">3
<label><input type="radio" name="body_part_description" value="Flat" />Flat</label>
</div>

JavaScript

$(function() {  
//Either set here or style="display:none"    
//$("#body_part_muscle_cellulite, #body_part_secondary").hide(); 
//var current_Importance = $("input:radio[name=body_part_description]:checked").val();
    
//$("#primary_body_description1, #primary_body_description2, #primary_body_description3, #primary_body_description4, #primary_body_description5").hide();         
    
   $('[name="body_shape_importance"]').change(function () {   
   $("#body_part_primary, #body_part_muscle_cellulite, #body_part_secondary").hide();  
         // if( $(current_Importance).val() === "PrimaryShape"){   
       if( $("input:radio[name=body_shape_importance]:checked").val() === "PrimaryShape"){      
              $("#body_part_primary").show();        
           } 
           else if( $("input:radio[name=body_shape_importance]:checked").val() === "ToneCellulite"){ 
              $("#body_part_muscle_cellulite").show();      
           }
          else if( $("input:radio[name=body_shape_importance]:checked").val() === "SecondaryShape"){       
              $("#body_part_secondary").show();                
           }
         else {                          
   $("#body_part_primary, #body_part_muscle_cellulite, #body_part_secondary").hide();
         }
     });
    
 var current_BodyPart = $('select[name="body_part"]');      
     $('select[name="body_part"]').change(function () {   
     $("#primary_body_description1, #primary_body_description2, #primary_body_description3, #primary_body_description4, #primary_body_description5").hide();          
          if( $(current_BodyPart).val() === "bust"){       
              $("#primary_body_description1").show();              
           } 
         else if( $(current_BodyPart).val() === "Hips"){       
              $("#primary_body_description2").show();              
           }
          else if( $(current_BodyPart).val() === "Waist"){       
              $("#primary_body_description2").show();              
  ...