JSFiddle - React, Tailwind, and code Playground

by Tiago Sousa

HTML

<form id="myForm">
  <select id="tipo_pessoa" onchange="exibir_ocultar(this)">
    <option value="pessoa_fisica">PF</option>
    <option value="pesso_juridica">PJ</option>
  </select>
  <br />
  <br />
  <div id="cnpj">CNPJ:
    <br />
    <input type="number">
  </div>
  <br />
  <div id="razao">Razão Social:
    <br />
    <input type="text">
  </div>
  <br />
  <div id="cpf">CPF:
    <br />
    <input type="number">
  </div>
  <br />
  <div id="nome">Nome:
    <br />
    <input type="text">
  </div>

</form>

JavaScript

$('#tipo_pessoa').on('change', function() {
  if ($(this).val() == 'pessoa_fisica') {
    $('#cnpj').hide();
    $('#razao').hide();
    $('#cpf').show();
    $('#nome').show();
  } else {
    $('#cnpj').show();
    $('#razao').show();
    $('#cpf').hide();
    $('#nome').hide();
  }
});