JSFiddle - React, Tailwind, and code Playground

by BramVanroy

HTML

<div class="js-spoiler-btn rules">SPOILER WARNING: Klik hier om de verborgen inhoud te onthullen</div>
<div class="js-spoiler-div rules">dzqdzqdqz</div>
<hr />
  
<div class="js-spoiler-btn rules">SPOILER WARNING: Klik hier om de verborgen inhoud te onthullen</div>
<div class="js-spoiler-div rules">dzqdzqdqz</div>
<hr />

<div class="js-spoiler-btn rules">SPOILER WARNING: Klik hier om de verborgen inhoud te onthullen</div>
<div class="js-spoiler-div rules">dzqdzqdqz</div>
<hr />

<div class="js-spoiler-btn rules">SPOILER WARNING: Klik hier om de verborgen inhoud te onthullen</div>
<div class="js-spoiler-div rules">dzqdzqdqz</div>

CSS

.js-spoiler-div {display: none;}

.js-spoiler-btn {cursor: pointer;}

JavaScript

$(document).ready(function () {
  $(".js-spoiler-btn").click(function () {
    var $this = $(this);
      $this.next(".js-spoiler-div").slideToggle("fast");
    });
});