Не работает многоуровневое меню на javascript?

Question

[White_Dragon]

Есть скрипт, который может выводить меню до второго уровня. А как только добавляется третий уровень вложенности, то меню начинает глючить. Т. е. при открытии меню 3 уровня оно открывается, но одновременно закрывается меню 2 уровня. Как переделать скрипт, чтобы все нормально работало?

jQuery(function($) {
	
	$('.main-menu .expanded > a').prepend('<span class="marker">+</span>');
	$('.main-menu .expanded > a').click(function() {
		$(this).parents('.expanded').find('> .menu').slideToggle('fast');
		if(!$(this).hasClass('open')) {
			$(this).addClass('open');
			$(this).find('.marker').text('-');
		} else {
			$(this).removeClass('open');
			$(this).find('.marker').text('+');
		}
		return false;
	});
		
});

Answer 1

[Дмитрий]

Хорошо бы привести структуру HTML. Лучше всё вместе на jsfiddle

Comments

[White_Dragon]

jsfiddle.net/6kzyjmjc

[Дмитрий]

White_Dragon: строку

$(this).parents('.expanded').find('> .menu').slideToggle('fast');

дополните так

$(this).parents('.expanded').eq(0).find('> .menu').slideToggle('fast');

Собственно, при выборе родителей .parents('.expanded') вам выбираются все родители, а вам надо ближайшего по иерархии.