Как убрать class после повторного клика?

Question

[Роман]

Добрый день!

Делаю вот такое меню ссылка, при клике на стрелку раскрывается меню, при повторном клике меню скрывается, но остается class у span - как его убрать при повторном клике!?

$(document).ready(function () {
	$('ul.main-menu li span').click(function(){
		$('ul.main-menu li ul').slideUp();
			if ($(this).next().is(":visible")){
				$(this).next().slideUp();
			} else {
				$(this).next().slideToggle();
			}
	return false;
	});
		$('.main-menu > li > span').click(function(){
		$('.main-menu > li > span').removeClass('active');
		$(this).addClass('active');
	});
});

Спасибо!

Answer 1

[saltydogd]

$('.main-menu > li > span').click(function() {
        if ($(this).hasClass('active'))
        {
        $(this).removeClass('active');
        }
        else
        {
        $('.main-menu > li > span').removeClass('active');
        $(this).addClass('active');
        }
    
  });

Comments

[Роман]

Поспешил!

Проблема, если открыть первое меню и потом кликнуть по второму, то у первого останется class

[saltydogd]

UPD

[Роман]

Спасибо!

Answer 2

[Tsimur_S]

использовать api.jquery.com/toggleclass вместо addClass ?

Comments

[Роман]

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

Answer 3

[Ivanq]

У меня все и так работает, но попробуйте вместо removeClass и addClass поставить toggleClass.

https://jsfiddle.net/Ivanq/4ry43zqc/9/

Comments

[Роман]

Проблема, вы обратите внимание на третье меню, как там стрелка себя ведет!