8,556
edits
No edit summary |
No edit summary |
||
Line 3: | Line 3: | ||
document.addEventListener("DOMContentLoaded", function() { | |||
var trigger = document.getElementById("trigger"); | |||
var popup = document.getElementById("popup"); | |||
trigger.addEventListener("click", function() { | |||
if (popup.style.display === "none" || popup.style.display === "") { | |||
popup.style.display = "block"; | |||
popup.style.top = trigger.offsetTop + trigger.offsetHeight + "px"; | |||
popup.style.left = trigger.offsetLeft + "px"; | |||
} else { | |||
popup.style.display = "none"; | |||
} | |||
}); | |||
// Закрытие окна при клике вне его | |||
document.addEventListener("click", function(event) { | |||
if (!trigger.contains(event.target) && !popup.contains(event.target)) { | |||
popup.style.display = "none"; | |||
} | |||
}); | |||
}); | |||