JSFiddle - React, Tailwind, and code Playground

HTML

<code lang="html">
<div class="spollers__item">
  <a class="spollers__title" href="#">Заголовок</a>
  <div class="spollers__body">Контент</div>
</div>
<div class="spollers__item">
  <a class="spollers__title" href="#">Заголовок</a>
  <div class="spollers__body">Контент</div>
</div>
<div class="spollers__item">
  <a class="spollers__title" href="#">Заголовок</a>
  <div class="spollers__body">Контент</div>
</div>
</code>

CSS

.spollers__body {
  display: none;
}
.spollers__title {
  cursor: pointer;
  color: #000;
  text-decoration: none;
}

.spollers__title:focus + .spollers__body {
  display: block;
}

JavaScript

document.body.addEventListener('click', function (e) {
  if (e.target.closest('.spollers__title')) {
    e.preventDefault();
  }
});