From c8cb9c04ebfeaa40066f632a6da5c93562d7673e Mon Sep 17 00:00:00 2001
From: Julie <142581387+juliehabb@users.noreply.github.com>
Date: Thu, 11 Apr 2024 12:01:45 +0200
Subject: [PATCH] Added open and close functionality for volunteer modal.
(#410)
---
js/modals.mjs | 12 ++++++++++++
pages/support-page.html | 5 +++--
2 files changed, 15 insertions(+), 2 deletions(-)
create mode 100644 js/modals.mjs
diff --git a/js/modals.mjs b/js/modals.mjs
new file mode 100644
index 00000000..e24c7d47
--- /dev/null
+++ b/js/modals.mjs
@@ -0,0 +1,12 @@
+
+function toggleModal() {
+ let modal = document.querySelector("#volunteer-modal");
+ modal.classList.toggle("hidden");
+}
+
+//Opens the modal
+document.querySelector(".volunteer-form-btn").addEventListener("click", toggleModal);
+
+//Hides the modal
+document.querySelector("#close-icon").addEventListener("click", toggleModal);
+
diff --git a/pages/support-page.html b/pages/support-page.html
index d933bfbb..fc26484d 100644
--- a/pages/support-page.html
+++ b/pages/support-page.html
@@ -22,6 +22,7 @@
crossorigin="anonymous"
referrerpolicy="no-referrer"
/>
+