JSFiddle - React, Tailwind, and code Playground

HTML

<html>
<head></head>
<body>
    <ul>
<li class="albumtree_level_0">0
<li class="albumtree_level_1">1
<li class="albumtree_level_2">2
<li class="albumtree_level_2">2
<li class="albumtree_level_2">2
<li class="albumtree_level_2">2
<li class="albumtree_level_2">2
<li class="albumtree_level_2">2
<li class="albumtree_level_2">2
<li class="albumtree_level_2">2
<li class="albumtree_level_2">2
<li class="albumtree_level_1">1
<li class="albumtree_level_1">1
<li class="albumtree_level_1">1
<li class="albumtree_level_2">2
<li class="albumtree_level_2">2
<li class="albumtree_level_2">2
<li class="albumtree_level_2">2
<li class="albumtree_level_2">2
<li class="albumtree_level_2">2
<li class="albumtree_level_2">2
<li class="albumtree_level_2">2
<li class="albumtree_level_2">2
<li class="albumtree_level_2">2
<li class="albumtree_level_2">2
<li class="albumtree_level_1">1
<li class="albumtree_level_2">2
<li class="albumtree_level_2">2
<li class="albumtree_level_2">2
<li class="albumtree_level_2">2
<li class="albumtree_level_2">2
<li class="albumtree_level_2">2
<li class="albumtree_level_1">1
<li class="albumtree_level_1">1
<li class="albumtree_level_2">2
<li class="albumtree_level_2">2
<li class="albumtree_level_2">2
<li class="albumtree_level_2">2
<li class="albumtree_level_2">2
<li class="albumtree_level_2">2
<li class="albumtree_level_1">1
<li class="albumtree_level_2">2
<li class="albumtree_level_2">2
<li class="albumtree_level_2">2
<li class="albumtree_level_2">2
<li class="albumtree_level_2">2
<li class="albumtree_level_2">2
<li class="albumtree_level_2">2
<li class="albumtree_level_2">2
<li class="albumtree_level_2">2
<li class="albumtree_level_1">1
<li class="albumtree_level_1">1
<li class="albumtree_level_1">1
<li class="albumtree_level_1">1
<li class="albumtree_level_1">1
</ul>
</body>
</html>

CSS

li {
    height:20px;
    border:1px solid #ccc;
}

li.albumtree_level_0 { background-color:red; }
li.albumtree_level_1 { background-color:green; }
li.albumtree_level_2 { background-color:blue; }

JavaScript

$(document).ready(function() {
    $('li.albumtree_level_2').hide();   
    $('li[class^="albumtree_level_"]').click(function(){
        var l_num = $(this).attr('class').substring(16);
        var l_next_num = parseInt(l_num)+1;
        //$('li[class^="albumtree_level_'+l_next_num+'"]').toggle();
        $(this).nextUntil('li[class!="albumtree_level_'+l_next_num+'"]').toggle();
    }); 
});