I am using collapse
in Bootstrap, however, I would like that when I click on a button, the phrase of the other button disappears and vice versa. I've tried everything.
Can anyone help me implement the code?
<link href="css/bootstrap.min.css" rel="stylesheet"/>
<link href="style.css" rel="stylesheet"/>
<section class="col-lg-8 margin-auto">
<p class="titulo-gestao"><a class="btn btn-primary" role="button" data-toggle="collapse" data-target="#gestao" aria-controls="gestao">Gestão Empresarial</a></p>
<p class="titulo-governanca"><a class="btn btn-primary" type="button" data-toggle="collapse" data-target="#governanca" aria-controls="governanca">Governança Corporativa</a></p>
</section>
<section class="container clear">
<section class="row">
<section class="col-lg-8 margin-auto">
<div class="collapse" id="gestao">
<div class="well"> Gestão Empresarial</div>
</div>
<div class="collapse" id="governanca">
<div class="well"> Governança</div>
</div>
</section>
</section>
</section>
<script src="js/jquery.min.js"></script>
<script src="js/bootstrap.min.js"></script>