Почему сворачивается суб-меню при клике на ссылки в списке?

Question

[timtimIT]

Здравствуйте.

Подскажите, есть меню типа ul>li.drop-down>a+ul>li.sub-menu>a+ul>li...
при клике на ссылки списка sub-menu переход не происходит , меню сворачивается.

Вот код который добавляет/удаляет класс

$('.menu .dropdown-submenu').click(function () {
			
			$(this).toggleClass('active');
			
     	});
     	
		
     	$('.dropdown-submenu').click(function(event){
            event.preventDefault();
            event.stopPropagation();
        });

Answer 1

[Andrzej Wielski]

Все верно. У вас ul со ссылками находится внутри li с классом dropdown-submenu.
Соответственно, при клике на него происходит следующее:

event.preventDefault();
event.stopPropagation();

Что делает ссылки в этом элементе неактивными.
Сделайте открытие подменю при нажатии на ссылку (добавьте >a), и будет вам счастье.

Comments

[timtimIT]

Спасибо. Нужно еще указать .parent( ) .

[Andrzej Wielski]

timtimIT: Всегда пожалуйста. Отметьте вопрос как решение, чтобы другие люди с теми же проблемами смогли понять свои ошибки :)

Answer 2

[timtimIT]

Спасибо всем.

Вот как надо сбыло сделать:

$('.menu .dropdown-submenu > a').click(function () {

$(this).parent().toggleClass('active');

});


$('.dropdown-submenu > a').click(function(event){
event.preventDefault();
event.stopPropagation();
});