JSFiddle - React, Tailwind, and code Playground

by Henrique Domingos Pereira

HTML

<div>
    <input type="radio" name="documento" value="CPF">CPF</input>
    <input type="radio" name="documento" value="CNPJ">CNPJ</input>
    <p  class="campoCPF"><strong>Nome: </strong>
        <input type="text" id="nome">
    </p>
    <p  class="campoCNPJ"><strong>RazĂŁo Social: </strong>
        <input type="text" id="razaoSocial">
    </p>
</div>

JavaScript

$( document ).ready(function() {
     $(".campoCNPJ, .campoCPF").hide();
});

$("input:radio[name=documento]").on("change", function () {   
    if($(this).val() == "CPF")
    {
    	$(".campoCPF").show(); 
        $(".campoCNPJ").hide();
    }
    else if($(this).val() == "CNPJ")
    {
    	$(".campoCPF").hide(); 
        $(".campoCNPJ").show();   
    }
});