From 719bbb65c66021c44a62df96c33f0f63979c11b1 Mon Sep 17 00:00:00 2001
From: Adam T Carpenter <atc@53hor.net>
Date: Sun, 2 Feb 2020 12:01:58 -0500
Subject: init

---
 src/nav-toggle.js | 23 +++++++++++++++++++++++
 1 file changed, 23 insertions(+)
 create mode 100644 src/nav-toggle.js

(limited to 'src/nav-toggle.js')

diff --git a/src/nav-toggle.js b/src/nav-toggle.js
new file mode 100644
index 0000000..daf8ecb
--- /dev/null
+++ b/src/nav-toggle.js
@@ -0,0 +1,23 @@
+/*
+ * Adds an event listener to all burgers to toggle navbar menu on click.
+ */
+document.addEventListener('DOMContentLoaded', function () {
+	// get all navbar-burger elements
+	const $navbarBurgers = Array.prototype.slice.call(document.querySelectorAll('.navbar-burger'), 0);
+
+	// check if there are any navbar burgers
+	if ($navbarBurgers.length > 0) {
+		// add a click event on each of them
+		$navbarBurgers.forEach(function(el) {
+			el.addEventListener('click', function () {
+				// get the target from the 'data-target' attribute
+				const target = el.dataset.target;
+				const $target = document.getElementById(target);
+
+				// toggle the 'is-active' class on both the 'navbar-burger' and the 'navbar-menu'
+				el.classList.toggle('is-active');
+				$target.classList.toggle('is-active');
+			});
+		});
+	}
+});
-- 
cgit v1.2.3