JSFiddle - React, Tailwind, and code Playground

HTML

<br/>
<br/> Tipo:
<b>*</b>
<br/>
<select id="tipo" name="tipo" required>
  <option value=""></option>
  <option value="Titular">Titular</option>
  <option value="Substituto">Substituto</option>
  <option value="Substituto CTD">Substituto CTD</option>
  <option value="Aula Atividade">Aula Atividade</option>
</select>
<br/>
<br/>
<div id="teste" hidden>
  Professor:<b>*</b>
  <br/>
  <input id="nomeProfEfetivo" name="nomeProfEfetivo" required>
  <br/>
  <br/> Matricula:
  <b>*</b>
  <br/>
  <input id="matricula" name="matricula" required>
</div>

JavaScript

$("#tipo").change(function() {
  debugger
  var tipo = $(this).val();
  if (tipo == "" || tipo == "undefined ") {
    $('#teste').hide();
    return;
  }
  $('#teste').show();
});