Как добавить сразу несколько блоков с табами(вкладками)?

Question

[kaidos]

$(document).ready(function() {

     $(".tab_content, .tab_content_child").hide();
     $("ul.tabs li:first").addClass("active").show();
     $("ul.tabs_child li:first").addClass("active").show();
     $(".tab_content:first").show();
     $(".tab_content_child:first").show();

     $("ul.tabs li").click(function() {
         $("ul.tabs li").removeClass("active");
         $(this).addClass("active");
         $(".tab_content").hide();
     
         var activeTab = $(this).find("a").attr("href");
         $(activeTab).fadeIn();
         return false;
     });    

     $("ul.tabs_child li").click(function() { 
        $("ul.tabs_child li").removeClass("active");
        $(this).addClass("active"); 
        $(".tab_content_child").hide();
        var activeTab = $(this).find("a").attr("href");
        $(activeTab).fadeIn();
        return false;
     });
});

<ul class="tabs" id="development">
    <li><a href="#development1">Сайты START</a></li>
    <li><a href="#development2">Сайты PRO</a></li>
    <li><a href="#development3">Мобильные приложения</a></li>
    <li><a href="#development4">Редизайн сайта</a></li>
</ul>
        
<div class="tab_container">
    <div class="tab_content" id="development1">Content</div>
    <div class="tab_content" id="development2">Content</div>
    <div class="tab_content" id="development3">Content</div>
    <div class="tab_content" id="development4">Content</div>
</div>

Проблема заключается в том, что когда я добавляю несколько таких табов в разные секции, то и я открываю вкладку в одной секции в другой она закрывается.

Comments

[Danny Arty]

не понятно что за tabs_child? Код в песочницу и ссылку сюда лучше