new-templane/public/js/script.js

// Header Mobile Menu Toggle
document.addEventListener("DOMContentLoaded", function() {
    const burger = document.querySelector(".header__burger");
    const nav = document.querySelector(".header__nav");
    const body = document.body;

    if (burger && nav) {
        burger.addEventListener("click", function() {
            // Toggle active classes
            burger.classList.toggle("active");
            nav.classList.toggle("active");
            body.classList.toggle("menu-open");
        });

        // Close menu when clicking on menu links
        const menuLinks = nav.querySelectorAll(".header__menu-link");
        menuLinks.forEach(link => {
            link.addEventListener("click", function() {
                burger.classList.remove("active");
                nav.classList.remove("active");
                body.classList.remove("menu-open");
            });
        });

        // Close menu on window resize if opened
        window.addEventListener("resize", function() {
            if (window.innerWidth > 768) {
                burger.classList.remove("active");
                nav.classList.remove("active");
                body.classList.remove("menu-open");
            }
        });
    }

    // FAQ Accordion
    const faqItems = document.querySelectorAll(".faq__item");
    console.log("FAQ items found:", faqItems.length);

    faqItems.forEach(item => {
        const question = item.querySelector(".faq__question");

        if (question) {
            question.addEventListener("click", function() {
                console.log("FAQ item clicked");
                // Toggle active class on the item
                item.classList.toggle("active");
            });
        }
    });

    // Table of Contents
    const tocElement = document.querySelector(".toc");

    if (tocElement) {
        const tocHeader = tocElement.querySelector(".toc__header");

        if (tocHeader) {
            tocHeader.addEventListener("click", function() {
                tocElement.classList.toggle("active");
            });
        }
    }
});

//# sourceMappingURL=script.js.map