JSFiddle - React, Tailwind, and code Playground

HTML

<div id="nome">
    <input type="text" name="nome"  placeholder="Nome">
</div>
<div id="telefone">
    <input type="phone" name="telefone" placeholder="Telefone">
</div>
<!-- B0toes -->
<button value="nome">Mostrar somente nome</button>
<br>
<button value="telefone">Mostrar somente telefone</button>
<br>
<button value="all">Mostrar todos</button>

CSS

input{
  width: 200px;
  padding: 15px;
  font-size: 14pt;
}

JavaScript

$('button').on('click', function(){
    if($(this).val() === 'nome'){
        $('#telefone').hide();
        $('#nome').show();
    } else if($(this).val() == 'telefone'){
        $('#telefone').show();
        $('#nome').hide();
    } else {
        $('#telefone, #nome').show();
    }
})