JS - Delayed Event (Mouseover, Mouseout)

delayed-event.js

function myDelayedThing() {

	var mySelectors = document.querySelectorAll('.something');
	
	// Loop through mySelectors
	for(var i = 0; i < menuLinks.length; i++) {
		
		// Add 'open' class on mouseover
		menuLinks[i].addEventListener('mouseover', function() {
			this.classList.add('open');
		});
		
		// Remove 'open" class with a delay
		menuLinks[i].addEventListener('mouseout', function () {
			var node = this; // Allows us to access 'this' within the timeout function
			setTimeout(function() {
				node.classList.remove('open');
			}, 500)
		});
	}
}