Дополнительные действия
Askell (обсуждение | вклад) Нет описания правки |
Askell (обсуждение | вклад) Нет описания правки |
||
Строка 2: | Строка 2: | ||
document.addEventListener("DOMContentLoaded", function() { | document.addEventListener("DOMContentLoaded", function() { | ||
var dropdowns = document.querySelectorAll(".dropdown .dropbtn"); | var dropdowns = document.querySelectorAll(".dropdown .dropbtn"); | ||
dropdowns.forEach(function(dropbtn) { | dropdowns.forEach(function(dropbtn) { | ||
dropbtn.addEventListener("click", function(event) { | dropbtn.addEventListener("click", function(event) { | ||
event.preventDefault(); | event.preventDefault(); | ||
this.parentNode.classList. | |||
var parent = this.parentNode; | |||
var isActive = parent.classList.contains("active"); | |||
// Закрываем все открытые списки перед открытием нового | |||
document.querySelectorAll(".dropdown").forEach(function(dropdown) { | |||
dropdown.classList.remove("active"); | |||
}); | |||
// Если текущий список не был открыт, открываем его | |||
if (!isActive) { | |||
parent.classList.add("active"); | |||
} | |||
}); | }); | ||
}); | }); | ||
}); | }); |
Версия от 15:22, 12 февраля 2025
/* Размещённый здесь код JavaScript будет загружаться пользователям при обращении к каждой странице */
document.addEventListener("DOMContentLoaded", function() {
var dropdowns = document.querySelectorAll(".dropdown .dropbtn");
dropdowns.forEach(function(dropbtn) {
dropbtn.addEventListener("click", function(event) {
event.preventDefault();
var parent = this.parentNode;
var isActive = parent.classList.contains("active");
// Закрываем все открытые списки перед открытием нового
document.querySelectorAll(".dropdown").forEach(function(dropdown) {
dropdown.classList.remove("active");
});
// Если текущий список не был открыт, открываем его
if (!isActive) {
parent.classList.add("active");
}
});
});
});