Drupal Isotope Hierarchical js

store_menu.js

(function ($) {
	$(document).ready(function() {

		//$('li.first').hover(function(){ alert("Hello"); });
		// Insert li classes based on span value from views output
		$('ul.isotope-options > li.first > a').text('Product Catalog');
		$('.level0').parent().parent().addClass('sub-parent');
		$('.level1').parent().parent().addClass('sub-child');
		$('.level2').parent().parent().addClass('sub-grandchild');
		
		// Hide all li(s) if mouse leaves the defined menu area
		$('ul.isotope-options').hover(function(){
			}, function(e){
				if(!$(e.relatedTarget).is('span.level0')) {
					$('ul.isotope-options > li').removeClass('hovered')
				}
			})

		// Add/Remove classes on submenu parents
		$('li.first').hover(function(){
			$(this).siblings('li.sub-parent').addClass('hovered');
		}, function(e){
				if(!$(e.relatedTarget).is('span.level0')) {			
				$(this).siblings('li.sub-parent').removeClass('hovered');
				$(this).siblings('li.sub-child').removeClass('hovered');
				$(this).siblings('li.sub-grandchild').removeClass('hovered');
			}
			
		})

		// Add/Remove classes on submenu children
		$('li.sub-parent').hover(function(){
			$('li.sub-child').removeClass('hovered');
			$(this).nextUntil('li.sub-parent','li.sub-child').addClass('hovered');
		}, function(e){
			if(!$(e.relatedTarget).is('span.level1')) {
				$(this).siblings('li.sub-child').removeClass('hovered');
				$(this).siblings('li.sub-grandchild').removeClass('hovered');
			}
		})

		// Add/Remove classes on submenu grandchildren
		$('li.sub-child').hover(function(){
			$('li.sub-grandchild').removeClass('hovered');
			$(this).nextUntil('li.sub-child').addClass('hovered');
		}, function(e){
			if(!$(e.relatedTarget).is('span.level2')) {
				$(this).siblings('li.sub-grandchild').removeClass('hovered');
			}
		})
	});
}(jQuery, Drupal));