Добрый день. Есть 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");
}
});
спасибо
