JSFiddle - React, Tailwind, and code Playground

by riot26

HTML

<div class="spoiler_body" data-spoiler-id="1"><span>Текст спойлера 1</span></div>
<div class="spoiler_button" data-spoiler-id="1">Подробнее 1</div>

<div class="spoiler_body" data-spoiler-id="2"><span>Текст спойлера 2</span></div>
<div class="spoiler_button" data-spoiler-id="2">Подробнее 2</div>

<div class="spoiler_body" data-spoiler-id="3"><span>Текст спойлера 3</span></div>
<div class="spoiler_button" data-spoiler-id="3">Подробнее 3</div>

CSS

.spoiler_button {color: blue;}
.spoiler_body{background: #eef;}

JavaScript

$(document).ready(function () {
  $('.spoiler_body').hide('normal');
  $('.spoiler_button').click(function () {
    var spoiler_id = $(this).data('spoilerId');
    var spoiler = $('.spoiler_body[data-spoiler-id='+spoiler_id+']')
  	spoiler.toggle('normal');
    spoiler.css('display', 'inline');
    return false;
  });
});