JSFiddle - React, Tailwind, and code Playground

HTML

<section class="sect_test">
	<h2 class="h2_test">
		<a href="#" title="aaa">Derouler</a> 
	</h2>
    
    <h3>test</h3>

	<div class="div_test">
		mon contenu
	</div> 
</section>

<br /><br />

<section class="sect_test">
	<h2 class="h2_test">
		<a href="#" title="aaa">Derouler</a> 
	</h2>
    
    <h3>test</h3>

	<div class="div_test">
		mon contenu
	</div> 
</section>

<br /><br />

<section class="sect_test">
	<h2 class="h2_test">
		<a href="#" title="aaa">Derouler</a> 
	</h2>
    
    <h3>test</h3>

	<div class="div_test">
		mon contenu
	</div> 
</section>

<br /><br />

JavaScript

$(document).ready( function () {
    $(".sect_test div.div_test").hide();
    
    $(".sect_test h2.h2_test a").click( function () {
        var obj = $(this).closest('.sect_test').find('.div_test');
        if (obj.css('display') == 'none') var show = 1;
        else show = 0;
        $('div.div_test').hide();
        if (show) obj.show();
        return false;
    });
} ) ;