JSFiddle - React, Tailwind, and code Playground

HTML

<div>
  <button class=plus> +</button>
  <h1> Titre1 </h1>
  <button class="minus"> -</button>
  <h2> Titre1_2 </h2>
  <button class="minus"> -</button>
  <h3> Titre1_3 </h3>
  <button class="minus"> -</button>
  <h4> Titre1_4 </h4>
  <button class="minus"> -</button>
  <h5> Titre1_5 </h5>
</div>

<div>
  <button class=plus> +</button>
  <h1> Titre2 </h1>
  <button class="minus"> -</button>
  <h2> Titre2_2 </h2>
  <button class="minus"> -</button>
  <h3> Titre2_3 </h3>
  <button class="minus"> -</button>
  <h4> Titre2_4 </h4>
  <button class="minus"> -</button>
  <h5> Titre2_5 </h5>
</div>

<div>
  <button class=plus> +</button>
  <h1> Titre3 </h1>
  <button class="minus"> -</button>
  <h2> Titre3_2 </h2>
  <button class="minus"> -</button>
  <h3> Titre3_3 </h3>
  <button class="minus"> -</button>
  <h4> Titre3_4 </h4>
  <button class="minus"> -</button>
  <h5> Titre3_5 </h5>
</div>

<div>
<button class=plus> +</button>
<h1> Titre4 </h1>
<button class="minus"> -</button>
<h2> Titre4_2 </h2>
<button class="minus"> -</button>
<h3> Titre4_3 </h3>
<button class="minus"> -</button>
<h4> Titre4_4 </h4>
<button class="minus"> -</button>
<h5> Titre5_5 </h5>
</div>

CSS

.minus,h2,h3,h4,h5{
  display: none;
}

JavaScript

$(document).ready(function() {
  $(".plus").click(function() {
  $(this).nextAll("*:hidden").first().toggle('normal');
  $(this).nextAll("*:hidden").first().toggle('normal');
  });
  
  $(".minus").click(function() {
  $(this).next().toggle('normal');
  $(this).toggle('normal');
  });
  
  
});