JSFiddle - React, Tailwind, and code Playground
HTML
<div id="opcao1">
Eu apareço
</div>
<div id="opcao2">
Eu irei aparecer se ele sumir
</div>
<div id="opcao3">
Eu também irei aparecer se ele sumir
</div>
<button id="Clique">troca para a opcao1</button>
<button id="Clique2">troca para a opcao2</button>
<button id="Clique3">troca para a opcao3</button>
CSS
#opcao2{
display:none;
}
#opcao3{
display:none;
}
JavaScript
$( "#Clique1" ).click(function() {
$("#opcao1").css("display","block");
});
$( "#Clique2" ).click(function() {
$("#opcao2").css("display","block");
});
$( "#Clique3" ).click(function() {
$("#opcao3").css("display","block");
});