JSFiddle - React, Tailwind, and code Playground

HTML

<h6 class="trigger active">Some Header</h6>
<ul>
    <li><a href="#Title_One" class="trigger">Title One</a></li>
    <li><a href="#Title_Two" class="trigger">Title Two</a></li>
    <li><a href="#Title_Three" class="trigger">Title Three</a></li>
</ul>   

<div class="toggle_containerLG" id='Title_One'></div>  <!-- show these! -->
<div class="toggle_containerLG" id='Title_Two'></div>
<div class="toggle_containerLG" id='Title_Three'></div>
<div class="toggle_containerLG" id='Title_Four'></div> <!-- not this one! -->

CSS

div { width: 100px; height: 100px; border: solid 1px red;  display: none; }

JavaScript

$(".trigger").click(function() {
    $(this).next("ul").find("a").each(function() {
        $(this.hash).slideToggle();
    });
});