adam/wp-rdnyc
1
0
Fork 0
Code Issues Pull requests Projects Releases Wiki Activity

improved menu styling and handling. menu buttons that might have links now work (link is ignored)

Browse source
This commit is contained in:
Adam Piontek 2021-07-26 19:11:33 -04:00
commit 9d3d8ede63
2 changed files with 23 additions and 24 deletions

12
assets/js/_main-nav-menu-helper.js
View file

@ -1,13 +1,15 @@
/**
* main nav menu helper
*/
var mainMenuDropdownList = [].slice.call(document.querySelectorAll('li.menu-item.menu-item-has-children'));
var mainMenuDropdownList = [].slice.call(document.querySelectorAll('li.menu-item.menu-item-has-children > a.top-navbar-grid-main-menu-item-link'));
mainMenuDropdownList.forEach((thisMenuLink) => {
thisMenuLink.addEventListener("click", (e) => {
e.preventDefault(); // Cancel the native event
e.stopPropagation(); // Don't bubble/capture the event any further
mainMenuDropdownList.forEach((el) => {
el.addEventListener("click", (e) => {
// get relevant elements and note if menu is already shown
var thisMenuLink = el.querySelector('a.top-navbar-grid-main-menu-item-link');
var thisSubMenu = el.querySelector('ul.sub-menu');
var thisSubMenu = thisMenuLink.parentElement.querySelector('ul.sub-menu');
var thisElShown = thisSubMenu.classList.contains('show');
// un-show all menus