document.addEventListener('DOMContentLoaded', function() { // Скрываем все товары при загрузке var allProducts = document.querySelectorAll('.product'); allProducts.forEach(function(product) { product.style.display = 'none'; }); // Функция для фильтрации товаров function filterProducts(category) { // Скрываем все товары allProducts.forEach(function(product) { product.style.display = 'none'; }); // Показываем товары выбранной категории var selectedProducts = document.querySelectorAll('.product.' + category); selectedProducts.forEach(function(product) { product.style.display = 'block'; }); } // Обработчики кликов для каждой категории document.getElementById('milk-category').addEventListener('click', function() { filterProducts('category-milk'); }); // Повторите для других категорий... });