Collapse Bootstrap

[sergio_jfj 0]

estou usando um collapse em bootstrap, porém, gostaria que quando clicasse em um botão, a frase do outro botão sumisse e vice versa. Já tentei fazer de tudo. Alguém pode me ajudar a implementar o código?

<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>
  </div>
    <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>
  </div>
</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>

[leonardo de andrade baessa 16]

Cara, em css joga o

a:active { color: transparent;}

vai sumir a escrita ;)

 

Senão vai dar um pouco de trabalho no Script