JSFiddle - React, Tailwind, and code Playground

HTML

<select name="objective">
           <option value="Select" selected="selected">Select</option>     
           <option value="Minimize">Minimize</option>           
           <option value="Maximize">Maximize / Increase</option>       
           <option value="MuscleTone_or_Cellulite">Muscle Tone/Cellulite</option>
           </select><br/>   
        <select name="goal_Minimize" id="goal_Minimize" >
            <option value="Decrease_Size" selected="selected" title="Decrease actual size">Decrease Size</option>
            <option value="Decrease_Appearance" title="Make appear smaller">Decrease Appearance</option>
        </select>   
 <div id="goal_Maximize">goal_Maximize    </div>

CSS

#goal_Minimize, #goal_Maximize {display:none;}

JavaScript

$(document).ready(function () {
     $("#goal_Minimize, #goal_Maximize").hide();
     if ($("[name=objective]").val() === "Minimize" {
         $("#goal_Minimize").show();
     } else {
         $("#goal_Maximize").show()
     };
 });

 $("[name=objective]").change(function () {
     $("#goal_Minimize, #style_row1").hide();
     if ($("[name=objective]").val() === "Minimize" {
         $("#goal_Minimize").show();
     } else {
         $("#goal_Maximize").show()
     };
 });