One way to do this is by adding an event listener to the body that listens for a click event, and then removes the "menu-open" class from any elements with the "treeview-menu" class.
Here's an example of how this can be done:
document.body.addEventListener('click', function() {
var menuOpen = document.querySelectorAll('.treeview-menu.menu-open');
menuOpen.forEach(function(menu) {
menu.classList.remove('menu-open');
});
});
This code adds a click event listener to the body and uses the querySelectorAll
method to find all elements that have the "treeview-menu" and "menu-open" classes. Then, it removes the "menu-open" class from each element found.
By doing this, any time the body is clicked, any open menus will be closed.
Asked: 2022-05-28 11:00:00 +0000
Seen: 11 times
Last updated: Apr 16 '21