quisiera ver si me pueden ayudar con el siguiente problema que tengo, tengo 2 botones los cuales al oprimirlos muestran información diferente, pero quiero que si no se oprime ninguno estén ocultos y al oprimir uno u otro se muestre la información, y la otra se oculte, les dejo el código que estoy utilizando, si pudieran ayudarme se los agradecería.
<button id="cambia" data-toggle="tooltip" data-placement="top" title="Aprobar" type="button" class="btn btn-success bSi"></button>
<button id="cambiaN" data-toggle="tooltip" data-placement="top" title="Negar" type="button" class="btn btn-danger bNo"></button>
<script>
$(document).ready(function(){
$("#cambia").click(function(){
$("#textoAprobado").toggle(1000);
});
});
</script>
<div id="textoAprobado" class="col-md-6 alert alert-success alert-dismissible fade show" role="alert">
<center>
<i class="fas fa-check-circle votos"></i><hr>¡Has votado a favor de este apoyo!
</center>
</div>
<script>
$(document).ready(function(){
$("#cambiaN").click(function(){
$("#textoAprobadoN").toggle(1000);
});
});
</script>
<div id="textoAprobadoN" class="col-md-6 alert alert-danger alert-dismissible fade show" role="alert">
<center>
<i class="fas fa-check-circle votos"></i><hr>¡Has votado en contra de este apoyo!
</center>
</div>
</center>