Почему активируется меню третьего уровня при наведении на второе?

Question

[nordskif]

Решил сделать меню третьего уровня на тестовом макете. Но стокнулся с проблемой, что при наведении на активный элемент активируется и меню второго уровня и вложенное в него.



Вопрос решен.

Comments

[zorca]

JS, который занимается меню, приведите сразу.

[nordskif]

zorca,

<script>
		 $(document).ready(function(){ 
	var touch 	= $('#touch-menu');
	var menu 	= $('.topmenu');
 
	$(touch).on('click', function(e) {
		e.preventDefault();
		menu.slideToggle();
	});
	
	$(window).resize(function(){
		var w = $(window).width();
		if(w > 767 && menu.is(':hidden')) {
			menu.removeAttr('style');
		}
	});    	
});
 </script>

(function($) {
    "use strict"; 
    $(function() {     	   	
    	// header navigation    	
    	dropDown();	
		$(window).resize(function() {
			dropDown();			
		});						
		function dropDown() {
			var winWidth = $(window).width();			
			if (winWidth > 768) {
				$('header nav .menu-item-has-children').hover(
					function() {
				    	$(this).find('ul').fadeIn('fast');
				    	$(this).addClass('sub-active');
					}, function() {
				    	$(this).find('ul').fadeOut('fast');
				    	$(this).removeClass('sub-active');
				  }
				);
				$('header nav').css('display','block');	
			}	
		}		
		$('#mobile-menu').click(function() {
			$('#primary-menu').toggle();				
		});
		$('.wp-caption').removeAttr('style');
 	}); 	
    
    
}(jQuery));

[zorca]

Ну сразу видно, что у вас неоднозначно определяется элемент: header nav .menu-item-has-children .
То есть это сразу и элементы второго уровня и третьего попадают в обработку. Плюс вы навешиваете видимость сразу на все ul внутри полученного. Они у вас и показываются сразу же. Старайтесь не привязываться к тегам, это очень плохая практика. Раскройте код меню целиком, увидите что там все циклично повторяется и все элементы попадают под обработку вне зависимости от уровня вложенности. JS то глюпый и не может понять, второй уровень у элемента или третий, пока вы сами ему это не докажете.