Scripts

Add JavaScript code to enhance your site with interactivity and custom behavior.

Script organization

JavaScript files live in assets/js/:

custom.js is for your custom JavaScript
Other files are bundled with your site during the build process

Add custom JavaScript

Edit assets/js/custom.js to add your own scripts:

// Run code when the page loads
document.addEventListener("DOMContentLoaded", () => {
  // Example: Toggle behavior for FAQ accordions
  const details = document.querySelectorAll("details");

  details.forEach((detail) => {
    detail.addEventListener("toggle", () => {
      if (detail.open) {
        // Close other details when one opens
        details.forEach((other) => {
          if (other !== detail) other.open = false;
        });
      }
    });
  });
});