Приветствую!
На сайте есть выпадающее меню, переключающее филиал.
При клике на любое свободное место меню сворачивается обратно, но работает это только на главной странице. Не могу понять в чем проблема, и как исправить, чтобы работало на всех страницах. Ошибку никакую не выдает
<div class="dropdown">
<button onclick="myFunction()" class="dropbtn">
<img class="dropbtn-img" src="./img/yellow_mark.png" alt="mark">
Обнинск
<img class="dropbtn-arrow" src="./img/drop-arrow.png" alt="arrow">
</button>
<div id="myDropdown" class="dropdown-content">
<a href="mytishchi.html">Мытищи</a>
</div>
</div>
function myFunction() {
document.getElementById("myDropdown").classList.toggle("show");
}
function closeDrop() {
document.addEventListener('click', function (drop) {
if (!drop.target.matches('.dropbtn')) {
let dropdowns = document.getElementsByClassName("dropdown-content");
for (let i = 0; i < dropdowns.length; i++) {
let openDropdown = dropdowns[i];
if (drop.target.closest('.dropdown') !== openDropdown && drop.target !== openDropdown) {
openDropdown.classList.remove('show');
}
}
}
});
};
closeDrop();