JSFiddle - React, Tailwind, and code Playground

HTML

<li id="li_42"  >
        <label class="description" for="element_42">Department 1: <span id="required_42" class="required">*</span></label>
        <div>
        <select class="element select large" id="element_42" name="element_42"> 
            <option value="" selected="selected"></option>
<option value="1"  >MEDICO-LEGAL</option>
<option value="2"  >ANESTHESIOLOGY</option>
<option value="3"  >DENTISTRY</option>
<option value="4"  >DERMATOLOGY</option>
<option value="5"  >EMERGENCY MEDICINE</option>
<option value="6"  >MEDICINE</option>
<option value="7"  >NEUROSCIENCES</option>
<option value="8"  >PSYCHIATRY</option>
<option value="9"  >OCCUPATIONAL AND FAMILY MEDICINE</option>
<option value="10"  >OBSTETRICS AND GYNECOLOGY</option>
<option value="11"  >OPHTHALMOLOGY</option>
<option value="12"  >ORTHOPEDIC SURGERY</option>
<option value="13"  >OTORHINOLARYNGOLOGY (E.N.T.)</option>
<option value="14"  >PATHOLOGY</option>
<option value="15"  >PEDIATRICS</option>
<option value="16"  >PHYSICAL MEDICINE AND REHABILITATION</option>
<option value="17"  >RADIOLOGY</option>
<option value="18"  >SURGERY</option>
<option value="19"  >PLASTIC SURGERY</option>

        </select>
        </div> 
        </li>
<li id="li_47"  >
        <label class="description" for="element_47">Specialization 1: <span id="required_47" class="required">*</span></label>
        <div>
        <select class="element select large" id="element_47" name="element_47"> 
            <option value="" selected="selected"></option>
<option value="1"  >General Dentistry</option>
<option value="2"  >Oral Surgery</option>
<option value="3"  >Oral Implantology</option>
<option value="4"  >Orthodontics</option>
<option value="5"  >Oral and Maxillofacial Surgery</option>
<option value="6"  >Prosthodontics</option>
<option value="7"  >Pediatrics</option>
<option value="8"  >Dental Associate</option>
<option value="9"  >Allergology and Immunology</option>
<option value="10"  >Cardiology</option>
<option...

JavaScript

$(document).ready(function() {
    $('#li_47').hide();
    $('#element_42').changed(function() {
       // dropdown = $('#dropdown').val();

      //  $('message1').hide();
      //  $('message2').hide();

      //  if (dropdown == '1')
        {
      //     $('message1').show();
      //  }

     //   if (dropdown == '2')
      //  {
      //     $('message2').show();
     //   }
            $('#li_47').toggle();
    });    
});

$('#element_42').change(function() {
  alert('Handler for .change() called.');
});