JSFiddle - React, Tailwind, and code Playground

HTML

<div id="tabsAc">
    <ul>
        <li><a href="#tab0"> Liste </a></li>
        <li><a href="#tab1"> Liste 2 </a></li>
        <li><a href="#tab2"> Liste 3 </a></li>
    </ul>
    <div id="tab0">
        <div id="ax_list">Content </div>
    </div>
    <div id="tab1">
        <div id="ax_list1">Content 1</div>
    </div>
    <div id="tab2">
        <div id="ax_list2">Content 2</div>
    </div>
</div>
<br /><br />
<div id="tabsAc2">
    
</div>

JavaScript

$(function() {
    var ajaxResponse = '<div id="tabsConfigAc" class="tabs-min"><ul><li href="#subTab1"> subTab1 </li><li href="#subTab2"> subTab2 </li></ul><div id="subTab1">test</div><div id="subTab1">test</div></div>';
    
    $( "#tabsAc" ).tabs();

    $('#ax_list').html(ajaxResponse);
    $('#tabsConfigAc').tabs();
    
    
    var ajaxResponse2 = '<div id="tabsConfigAc2" class="tabs-min"><ul><li href="#subsubTab1"> subsubTab1 </li><li href="#subsubTab2"> subsubTab2 </li></ul><div id="subsubTab1">test</div><div id="subsubTab1">test</div></div>';
    $('#tabsAc2').html(ajaxResponse2);
    $( "#tabsConfigAc2" ).tabs();
});