@n8d/htwoo-core
Version:
hTWOo is a Fluent Design Framework purely in HTML and CSS
2 lines (1 loc) • 756 B
JavaScript
;const t=t=>{let e=t.target;if(!e.classList.contains("hoo-buttonitem")&&!e.classList.contains("hoo-icon")){const t=e.closest(".hoo-navitem");if(t){const o=e.closest(".hoo-nav");if(!o)return;(t=>{t.forEach((t=>{t.removeAttribute("aria-current")}))})(o.querySelectorAll("* .hoo-navitem")),t.setAttribute("aria-current","true")}}},e=t=>{const e=t.target.closest(".hoo-navitem");e&&("true"===e.getAttribute("aria-expanded")?e.setAttribute("aria-expanded","false"):e.setAttribute("aria-expanded","true"))};exports.initMenu=()=>{document.querySelectorAll(".hoo-nav").forEach((o=>{o.querySelectorAll(".hoo-navitem").forEach((e=>{e.addEventListener("click",t)}));o.querySelectorAll(".hoo-buttonicon").forEach((t=>{t.addEventListener("click",e)}))}))};