home / assets / js / global.js

global.js

Modified

Core interactive logic: Navigation, filtering, and accessibility helpers.

Ln 14, Col 32 UTF-8 JavaScript

// Global functionality for Attitudes International
// Last Updated: Oct 24, 2023 by SysAdmin
document.addEventListener('DOMContentLoaded', () => {
 // Initialize Mobile Navigation
 const navToggle = document.querySelector('#nav-toggle');
 const mobileMenu = document.querySelector('#mobile-menu');
 if (navToggle && mobileMenu) {
        navToggle.addEventListener('click', () => {
 const isExpanded = navToggle.getAttribute('aria-expanded') === 'true';
            navToggle.setAttribute('aria-expanded', !isExpanded);
            mobileMenu.classList.toggle('hidden');
 // Animate icon transformation
            navToggle.classList.toggle('active');
        });
    }
 // Insights Page Tag Filtering (Lightweight)
 const filterButtons = document.querySelectorAll( const articles = document.querySelectorAll(
    filterButtons.forEach(btn => {
        btn.addEventListener(=> {
 const filter = e.target.dataset.filter;
 
 // Update Active State
 document.querySelector(remove(            e.target.classList.add( 
 filterContent(filter, articles);
        });
    });
});
function filterContent(category, items) {
    items.forEach(item => {
 const itemCategory = item.dataset.category;
 if (category ===              item.style.display =          } else {
             item.style.display =          }
    });
}