@Dallas15

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

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


спасибо
  • Вопрос задан
  • 39 просмотров
Пригласить эксперта
Ваш ответ на вопрос

Вопрос закрыт для ответов и комментариев

Потому что уже есть похожий вопрос.
Похожие вопросы