JSFiddle - React, Tailwind, and code Playground

HTML

<div>      
       <label>Request Type*:</label>
					<select name="reqtype" id="reqtype" required tabindex="4">
						<option value="">- Select Request Type -</option>
						<option value="Create">Create</option>
						<option value="Edit">Edit</option>
					</select>
				<br/><br/>
      </div>
      <div>
        <label>Assignment Profile ID<br/><span style="font-weight:normal; font-style:italic">(Leave blank if requesting new Assignment Profile)         </span>:
        </label>
        <input name="assignmentid" size="50" tabindex="5" type="text" class="w250" /><br/>	<br/>
      </div>
<div id="crtype" style="display:none;">
<label for="changerequesttype">Change Request Type</label>
<select name="crtypes" id="crtypes">
   <option>Choose Request Type</option>
   <option value="addrule">Add Rule</option>
   <option value="editrule">Edit Rule</option>
   <option value="addcontent">Add Content</option>
   <option value="editcontent">Edit Content</option>
   </select><br/><br/>

<div id="ruletitle" style="display:none;">
   <label>Rules (Rule Title):</label><input name="ruletitle" size="50" tabindex="5" type="text" class="w250" /><br/><br/>

				<label>Rules (Attribute):</label>
					<select name="ruleattribute" id="ruleattribute" tabindex="8">
						<option value="">- Select Attribute -</option>
						<option value="Business Group">Business Group</option>
						<option value="Business Unit">Business Unit</option>
						<option value="Business Value Center">Business Value Center</option>
						<option value="Company Code">Company Code</option>
						<option value="Customer Code">Customer Code</option>
						<option value="Employee ID">Employee ID</option>
						<option value="Function">Function</option>
						<option value="Is People Leader?">Is People Leader?</option>
						<option value="Job Family">Job Family</option>
						<option value="Job Grade">Job Grade</option>
						<option value="Address">Address</option>
						<option value="Alternate Job Code...

JavaScript

$('#reqtype').on('change',function(){
    if( $(this).val()=="Edit"){
    $("#crtype").show()
    }
    else{
    $("#crtype").hide()
    }
});
$('#crtypes').on('change',function(){
    if( $(this).val()=="editrule"){
    $("#ruletitle").show();
    } 
    else if ( $(this).val()=="addrule"){
    $("#ruletitle").show();
    }
    else{ $("#ruletitle").hide()
    }
});