'; return; } container.innerHTML = ''; var dataToRender = buildDataForRender(normalizedTeam, filtered); var categoriesStr = category === 'all' || !category ? 'Investments,Operations,Senior Advisors' : category; teamRender(dataToRender, 'containerTeam', 'team-filter', categoriesStr); } // Initial state: Global selected renderWithFilters('BayArea', 'all'); // Always show category tabs regardless of selected location document.querySelector('.team-tabs-cat').style.display = 'flex'; // Location tabs click behavior document.querySelectorAll('.team-tabs-loc .tab').forEach(function(tab) { tab.addEventListener('click', function() { document.querySelectorAll('.team-tabs-loc .tab').forEach(t => t.classList.remove('active')); this.classList.add('active'); var selectedLocation = this.getAttribute('data-location'); var catWrapper = document.querySelector('.team-tabs-cat'); // Always display category tabs for any selected location. catWrapper.style.display = 'flex'; document.querySelectorAll('.team-tabs-cat .tab').forEach(t => t.classList.remove('active')); if(selectedLocation === 'BayArea') { document.querySelector('.team-tabs-cat .tab[data-category="all"]').classList.add('active'); renderWithFilters(selectedLocation, 'all'); } else { renderWithFilters(selectedLocation, 'Investments'); document.querySelector('.team-tabs-cat .tab[data-category="Investments"]').classList.add('active'); } }); }); /* * Category tabs click behavior * Filters team members within the selected location */ document.querySelectorAll('.team-tabs-cat .tab').forEach(function(tab) { tab.addEventListener('click', function() { var selectedLocationBtn = document.querySelector('.team-tabs-loc .tab.active'); var selectedLocation = selectedLocationBtn ? selectedLocationBtn.getAttribute('data-location') : 'Global'; document.querySelectorAll('.team-tabs-cat .tab').forEach(t => t.classList.remove('active')); this.classList.add('active'); var category = this.getAttribute('data-category'); renderWithFilters(selectedLocation, category); }); });