Como posso fazer com que a div
troque ao apertar um botão? no caso eu tenho 3 botoes, o primeiro vai fazer com que seja exibida a primeira div
, o segundo com que apareça a segunda div e o terceiro fazer com que apareça a terceira div
.
Algo parecido com o que isso faz, mas só pode aparecer um por vez, se a div
1, que é a que fica aparecendo por padrao, aparecer, a 2 e a 3 não podem ser exibidas.
$( "#Clique1" ).click(function() {
$("#opcao1").css("display","block");
});
$( "#Clique2" ).click(function() {
$("#opcao2").css("display","block");
});
$( "#Clique3" ).click(function() {
$("#opcao3").css("display","block");
});
#opcao2{
display:none;
}
#opcao3{
display:none;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<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>