22 lines
732 B
JavaScript
22 lines
732 B
JavaScript
|
var triggers = document.querySelectorAll("[toast]");
|
||
|
|
triggers.forEach((trigger) => {
|
||
|
|
let toastId = trigger.getAttribute("data-target");
|
||
|
|
trigger.addEventListener("click", function () {
|
||
|
|
let toast = document.querySelector("#" + toastId);
|
||
|
|
if (trigger.getAttribute("aria-hidden") == "true") {
|
||
|
|
trigger.setAttribute("aria-hidden", "false");
|
||
|
|
toast.classList.remove("hidden");
|
||
|
|
setTimeout(function () {
|
||
|
|
toast.classList.remove("opacity-0");
|
||
|
|
}, 100);
|
||
|
|
setTimeout(function () {
|
||
|
|
trigger.setAttribute("aria-hidden", "true");
|
||
|
|
toast.classList.add("opacity-0");
|
||
|
|
setTimeout(function () {
|
||
|
|
toast.classList.add("hidden");
|
||
|
|
}, 200);
|
||
|
|
}, 3800);
|
||
|
|
}
|
||
|
|
});
|
||
|
|
});
|