https://www.norquest.ca/Scripts/Custom/core/alerts.js

1// dismiss alerts
2const alerts = document.querySelectorAll(".alert-container");
3
4alerts.forEach((alert) => {
5  let dismiss = alert.querySelector(".fa-times");
6  if (dismiss) {
7
8    alert.setAttribute("style", "max-height:" + alert.offsetHeight + "px")
9    let alertContent = alert.querySelector(".alert");
10    alertContent.setAttribute("style", "top: " + alert.offsetHeight + "px; transform: translateY(-" + alert.offsetHeight +"px)")
11    dismiss.addEventListener("click", (e) => {
12      e.preventDefault();
13      dismissAlert(alert)
14    })
15  }
16})
17
18const dismissAlert = (alert) => {
19  let alertContent = alert.querySelector(".alert");
20  alert.classList.add("alert-container-slide-up");
21  alert.setAttribute("style", "max-height:0px")
22  alertContent.setAttribute("style", "top:0px; transform: translateY(-" + alert.offsetHeight +"px)")
23  alertContent.classList.add("alert-content-slide-up");
24}