Как убрать класс active с элемента, при клике на другом элементе с таким же классом?

Question

[Dallas15]

Добрый день. Есть 6 кнопок на странице, при нажатии на кнопку открывается дропдаун, с фильтрами товаров, у каждой кнопки свой дроп. Нужно сделать, чтобы было одновременно активно только одно меню, тоесть при нажатии на другую кнопку, меню от предыдущей кнопки закрывалось и открывалось у активой. Также нужно закрывать по клику вне меню. Нашел код для закрытия по клику на любом месте на странице и по клику на самой кнопке, но при нажатии на другую кнопку открывается новое меню, а старое не закрывается. Структура всех дропов и кнопок и их классы одинаковые, они вс имеют общие стили. Как сделать, чтобы активной было только 1 меню. Вот код, который я нашел

$(".dropdown__btn").click(function (event) {
	event.preventDefault();
	$(this).parent().toggleClass("active");
	return false;
});

$(document).click(function (e) {
	if (!$(this).closest(".dropdown__menu").length) {
		$(".dropdown__menu").parent().removeClass("active");
	}
});

спасибо

Comments

[WapSter]

Сначала всё закрываешь, потом открываешь нужное