Как сделать выбор по категориям на JS?

Необходимо сделать выбор по категориям.
При нажатии на цифру 1 оставляется только первый блок, а все остальные исчезают. И с каждой цифрой аналогично
Можете подсказать библиотеку или гайд как это сделать?
5f28c9247c8a3591882332.png
  • Вопрос задан
  • 105 просмотров
Решения вопроса 1
Пригласить эксперта
Ответы на вопрос 1
@Delta01
Вёрстка всего нарисованного :D
Может это или это поможет вам?!

Или так:
let tabs = document.querySelectorAll('.number'), // Ваши цифры.
		squares = document.querySelectorAll('.square'); // Ваши квадраты.

	for (let i = 0; i < tabs.length; i++) {
		const tab = tabs[i];

		tab.addEventListener('click', function() {
			for (let j = 0; j < squares.length; j++) {
				const square = squares[j];

				square.classList.remove('is-active'); // Убираем у всех активный класс.

				if (i === j) square.classList.add('is-active'); // Добавляем активный класс квадрату по выбранному номеру.
			};
		});
	};
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы