https://pasionistas.cl/js/biblioteca.js

1/* ======================================================
2   JS BIBLIOTECA.HTML
3   - MENÚ HAMBURGUESA (NAV INSTITUCIONAL)
4====================================================== */
5
6document.addEventListener("DOMContentLoaded", function () {
7
8  const menuBtn = document.querySelector(".ob-menu-btn");
9  const menu = document.getElementById("obMenu");
10
11  if (!menuBtn || !menu) return;
12
13  /* -----------------------------------------------
14     TOGGLE MENÚ
15  ------------------------------------------------ */
16  menuBtn.addEventListener("click", function () {
17    const expanded = menuBtn.getAttribute("aria-expanded") === "true";
18
19    if (expanded) {
20      menu.style.display = "none";
21      menuBtn.setAttribute("aria-expanded", "false");
22    } else {
23      menu.style.display = "flex";
24      menuBtn.setAttribute("aria-expanded", "true");
25    }
26  });
27
28  /* -----------------------------------------------
29     AJUSTE AL REDIMENSIONAR
30  ------------------------------------------------ */
31  window.addEventListener("resize", function () {
32    if (window.innerWidth > 900) {
33      menu.style.display = "flex";
34      menuBtn.setAttribute("aria-expanded", "false");
35    } else {
36      menu.style.display = "none";
37      menuBtn.setAttribute("aria-expanded", "false");
38    }
39  });
40
41});