JSFiddle - React, Tailwind, and code Playground

HTML

<ul id="list">
    <li class="b"><a href="#" id="b01">Blah1</a></li>
    <li class="b"><a href="#" id="b02">Blah2</a></li>
    <li class="b"><a href="#" id="b03">Blah3</a></li>
</ul>
<br>
<ul class="b01 none">
    <li><a href="#">Blah1-01</a></li>
    <li><a href="#">Blah1-02</a></li>
</ul>
    
<ul class="b02 none">
    <li><a href="#">Blah2-01</a></li>
    <li><a href="#">Blah2-02</a></li>
</ul>

JavaScript

$(document).ready(function(){
    // it might be better to set this in your css with display:none
    $('.none').hide();
    
    $('.b a').click(function(){
        var id = $(this).attr('id');
        var list_new = $('ul.' + id).html();
        $('#list').empty().append(list_new);
        $(this).parents('li').hide();
    });
    
});