slagoris

let tab = function () {
        let tabNav = document.querySelectorAll('.tabs-nav__item');
        let tabContent;
        let tabName;

        tabNav.forEach(item => {
            item.addEventListener('click', selectTabNav )
        })

         function selectTabNav() {
            let navs = this.closest('.tabs-nav').querySelectorAll('.tabs-nav__item');
            tabContent = Array.from(this.closest('.tabs-nav').nextElementSibling.children)
            navs.forEach(item => {
                item.classList.remove('active')
            });
             this.classList.add('active');
             tabName = this.getAttribute('data-tab-name');
             selectTabContent();
         }
         function selectTabContent() {
            tabContent.forEach(item=>{
                item.classList.contains(tabName) ? item.classList.add('active') : item.classList.remove('active')
            })
         }
     };
     tab();