document.addEventListener("DOMContentLoaded", function () { var icons = document.querySelectorAll(".search-icon"); // Sélectionne toutes les icônes var target = document.querySelector(".hide-click"); if (icons.length > 0 && target) { function toggleMenu(event) { event.stopPropagation(); // Empêche la propagation du clic target.classList.toggle("active"); } function closeMenu(event) { if (!target.contains(event.target) && ![...icons].some(icon => icon.contains(event.target))) { target.classList.remove("active"); } } // Ajoute les événements sur toutes les icônes icons.forEach(icon => { icon.addEventListener("click", toggleMenu); icon.addEventListener("touchstart", toggleMenu, { passive: true }); }); document.addEventListener("click", closeMenu); document.addEventListener("touchstart", closeMenu, { passive: true }); } });