JSFiddle - React, Tailwind, and code Playground

HTML

<div class="N1 N"><span>Niveau 1</span>
    <div class="N2 N"><span>BlaBla niveau 2</span>
        <div class="N3 N"><span>BlaBla niveau 3</span></div>
    </div>
    <div class="N2 N"><span>Autre blabla niveau 2</span>
        <div class="N3 N"><span>Encore du blabla dans la balise de niveau 3</span></div>
    </div>
</div>
<div class="N1 N"><span>Ici une autre balise de Niveau 1</span>
    <div class="N2 N"><span>la une balise de niveau 2</span>
        <div class="N3 N"><span>Et la, toujours du BlaBla niveau 3</span></div>
    </div>
</div>

JavaScript

$(function() {
        // Cacher les div autres que N1
        $(".N1").children(':not(span)').hide();

        // Cacher/afficher des div sur click.
        $(".N span").click(function() {
            //On affiche les enfants
            $(this).parent().children(':not(span)').slideToggle();
           // On cache les enfants des enfants
            $(this).parent().children().children(':not(span)').hide();
        });
    });