Mobile Footer Accordion Script

Mobile Footer Accordion Script

document.addEventListener('DOMContentLoaded', function() {
    // Only run this script if we're likely on a mobile device
    if (window.innerWidth <= 768) { // Matches the CSS media query breakpoint

        let intervalId; // To store the interval ID so we can clear it later

        function initializeAccordion() {
            var footerTitles = document.querySelectorAll('.extra-footer .footer-title');

            if (footerTitles.length > 0) {
                console.log("Footer titles found, initializing accordion."); // Debugging message

                footerTitles.forEach(function(title) {
                    // Prevent attaching multiple listeners if initializeAccordion runs multiple times
                    if (!title.hasAttribute('data-accordion-initialized')) {
                        title.setAttribute('data-accordion-initialized', 'true'); // Mark as initialized

                        var parentColumn = title.closest('.footer-column');

                        title.addEventListener('click', function() {
                            // Toggle the 'active' class on the title
                            this.classList.toggle('active');
                            // Toggle the 'open' class on the parent column
                            parentColumn.classList.toggle('open');

                            // Optional: Close all other open accordion items
                            // This ensures only one section is open at a time
                            footerTitles.forEach(function(otherTitle) {
                                if (otherTitle !== title) { // If it's not the currently clicked title
                                    var otherParentColumn = otherTitle.closest('.footer-column');
                                    if (otherParentColumn.classList.contains('open')) {
                                        otherTitle.classList.remove('active');
                                        otherParentColumn.classList.remove('open');
                                    }
                                }
                            });
                        });
                    }
                });

                // Once initialized, clear the interval to stop checking
                if (intervalId) {
                    clearInterval(intervalId);
                    console.log("Accordion initialized, stopping interval checks.");
                }

            } else {
                console.log("Footer titles not yet found, checking again in 200ms..."); // Debugging message
            }
        }

        // Start checking every 200 milliseconds until titles are found
        intervalId = setInterval(initializeAccordion, 200);

    }
});