document.addEventListener("DOMContentLoaded", function () { const sortToggle = document.querySelector('.collection-filters__sort'); const sortDropdown = document.querySelector('.collection-filters__sort .select-popover'); if (sortToggle && sortDropdown) { // Initially hide the dropdown sortDropdown.style.display = 'none'; // Toggle dropdown on click sortToggle.addEventListener('click', function (e) { e.stopPropagation(); // Prevent clicking from bubbling up const isVisible = sortDropdown.style.display === 'block'; sortDropdown.style.display = isVisible ? 'none' : 'block'; }); // Hide dropdown when clicking outside document.addEventListener('click', function () { sortDropdown.style.display = 'none'; }); } });