script.js

window.addEventListener('DOMContentLoaded', function(){
    'use strict';
    
    let tabContent = document.querySelectorAll('.info-tabcontent'), //Content
        tab = document.querySelectorAll('.info-header-tab'), // Tabs
        info = document.querySelector('.info-header'); // Tab parent

        function hideTabContent(a){
            for (let i = a; i < tabContent.length; i++){
                tabContent[i].classList.remove('show');
                tabContent[i].classList.add('hide');
            }
        }

        hideTabContent(1);

        function showTabContent(b) {
            if(tabContent[b].classList.contains('hide')){
                tabContent[b].classList.remove('hide');
                tabContent[b].classList.add('show');
            }

        }

        info.addEventListener('click', function(e){
            let target = e.target;
            if(target && target.classList.contains('info-header-tab')){
                for (let i = 0; i < tab.length; i++){
                    if(target == tab[i]){
                        hideTabContent(0);
                        showTabContent(i);
                        break;
                    }
                }
            }
        });

});