document.addEventListener('DOMContentLoaded', function () {
var items = document.querySelectorAll('#main-menu ul.menu > li.menu-item');
items.forEach(function (item) {
var link = item.querySelector('a');
var submenu = item.querySelector('ul.children');
if (!submenu) return;
link.addEventListener('click', function (e) {
e.preventDefault();
e.stopPropagation();
// close others
items.forEach(function (i) {
if (i !== item) i.classList.remove('open');
});
item.classList.toggle('open');
});
submenu.addEventListener('click', function (e) {
e.stopPropagation();
});
});
document.addEventListener('click', function () {
items.forEach(function (item) {
item.classList.remove('open');
});
});
});