JSFiddle - React, Tailwind, and code Playground
HTML
<div class="N1">Niveau 1</div>
<div class="N2">BlaBla niveau 2</div>
<div class="N3">BlaBla niveau 3</div>
<div class="N2">Autre blabla niveau 2</div>
<div class="N3">Encore du blabla dans la balise de niveau 3</div>
<div class="N1">Ici une autre balise de Niveau 1</div>
<div class="N2">la une balise de niveau 2</div>
<div class="N3">Et la, toujours du BlaBla niveau 3</div>
JavaScript
$(function() {
// Cacher les div N2 et N3.
$(".N2, .N3").hide();
// Cacher/afficher des div sur click.
$(".N1").click(function() {
$(this).nextUntil(".N1").not('.N3').slideToggle("fast");
$(this).toggleClass("expand");
});
});