JSFiddle - React, Tailwind, and code Playground

HTML

<div class="boton" id='1'>
        <a>Titulo...</a>
</div>
<div class="boton" id='2'>
        <a>Titulo...</a>
</div>
<div class="boton" id='3'>
        <a>Titulo...</a>
</div>

<div class="descripcion" id='descripcion1'>Descripcion 1</div>
<div class="descripcion" id='descripcion2'>Descripcion 2</div>
<div class="descripcion" id='descripcion3'>Descripcion 3</div>

CSS

.descripcion{
    width:200px;
    height:60px;
    background-color:red;
    margin:2px;
    text-align:center;
    color: white;
    display:none;
}

JavaScript

$('.boton').on('click',function(){
  $('.descripcion:visible').slideToggle('fast');
  $('.descripcion#descripcion'+$(this).attr('id')).slideToggle('fast');
})