JSFiddle - React, Tailwind, and code Playground

by therasel

HTML

<div class="audio__item section__item">
  <div class="audio__select">
    <button class="audio__input">Список треков</button>
  </div>
  <div class="audio__list">111</div>
</div>
<div class="audio__item section__item">
  <div class="audio__select">
    <button class="audio__input">Список треков</button>
  </div>
  <div class="audio__list">222</div>
</div>
<div class="audio__item section__item">
  <div class="audio__select">
    <button class="audio__input">Список треков</button>
  </div>
  <div class="audio__list">333</div>
</div>

CSS

.audio__list { display: none; }
.audio__list.active { display: block; }

JavaScript

var $allAudioSelects = $('.audio__select');

$('.audio__select').click(function(e) {
  e.preventDefault();
  $allAudioSelects.not(this).removeClass('active');
  $(this).toggleClass('active');
});