JSFiddle - React, Tailwind, and code Playground
HTML
<ul>
<li>N : Test
<br/>NTLIST
<ul>
<li>NT (1)
<ul>
<li>NT1 : NT1 Test 1</li>
<li>NT1 : NT1 Test 2</li>
</ul>
</li>
<li>NT (2)
<ul>
<li>NT2 : NT1 Test 1</li>
<li>NT2 : NT1 Test 2</li>
</ul>
</li>
<li class="toggle">NT (+More)
<ul class="hidden">
<li>NT3 : NT1 Test 2</li>
<li>NT3 : NT1 Test 2</li>
</ul>
</li>
</ul>
</li>
</ul>
CSS
ul {
list-style-type:none;
}
.hidden {
display:none;
)
}
JavaScript
$(".toggle").on("click", function () {
$(this).find("ul").slideToggle();
});