@n8d/htwoo-core
Version:
hTWOo is a Fluent Design Framework purely in HTML and CSS
42 lines (22 loc) • 900 B
JavaScript
define(['exports'], (function (exports) { 'use strict';
/** MENU ITEM */
const handleMenuItems = (event) => {
let curNavItem = event.target;
let curNavMenu = curNavItem.closest('.hoo-navitem');
// console.log(curNavMenu);
// console.log(curNavMenu.getAttribute('aria-expanded'));
// console.log(typeof curNavMenu.getAttribute('aria-expanded'));
if (curNavMenu.getAttribute('aria-expanded') === 'false') {
curNavMenu.setAttribute('aria-expanded', true);
} else {
curNavMenu.setAttribute('aria-expanded', false);
}
};
const initMenu = () => {
let menuItems = document.querySelectorAll('.hoo-navitem[aria-expanded]');
menuItems.forEach(item => {
item.addEventListener('click', handleMenuItems);
});
};
exports.initMenu = initMenu;
}));