Adds a 'state' class to style upon for the navigation on Wordpress. Helpful for 2 or more levels deep navigation.

nav-hover-classes.js

jQuery(document).ready(function($) {
  
	var NavHoverClasses = {

		init: function() {

			this.classes = {
				'enter': 'currently-active'
			};
			this.addListeners();
		},

		addListeners: function() {

			var self = this;

			$('nav.nav-primary').on('mouseenter', '.menu-item', function() {
				$(this).addClass(self.classes.enter);
			});

			$('nav.nav-primary').on('mouseleave', '.menu-item', function() {
				$(this).removeClass(self.classes.enter);
			});
		}
	}
	NavHoverClasses.init();
});