Al momento de pinchar cualquiera de los botones efectivamente expande la información y me muestra la info, sin embargo, puedo contraer con el mismo botón, pero, quisiera que al presionar otro botón me contraiga el que está expandido y me muestre solo la info del botón que acabo de pinchar. algo similar a lo que hace el componente Accordion de Bootstrap. PD: El codigo lo estoy utilixando con la plantilla de Bootstrap V. 4.3
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.bundle.min.js"></script>
<link href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" rel="stylesheet" />
<a class="btn btn-primary" data-toggle="collapse" href="#collapseE1" role="button" aria-expanded="false" aria-controls="collapseExample">
Boton 1
</a>
<a class="btn btn-primary" data-toggle="collapse" href="#collapseE2" role="button" aria-expanded="false" aria-controls="collapseExample2">
Boton 2
</a>
<a class="btn btn-primary" data-toggle="collapse" href="#collapseE3" role="button" aria-expanded="false" aria-controls="collapseExample3">
Boton 2
</a>
<div class="collapse" id="collapseE1">
<div class="card card-body">
Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richar
</div>
</div>
<div class="collapse" id="collapseE2">
<div class="card card-body">
Lorem ipsum dolor sit amet consectetur adipisicing elit. Delen
</div>
</div>
<div class="collapse" id="collapseE3">
<div class="card card-body">
Lorem ipsum dolor sit amet consectetur adipisicing elit. Delen
</div>
</div>