Bundle nav script in index.js

1 files changed, 20 insertions, 0 deletions

diff --git a/assets/js/index.js b/assets/js/index.js
index 1c868f7..9f3fc27 100644
--- a/assets/js/index.js
+++ b/assets/js/index.js
@@ -1,3 +1,23 @@
+// Nav burger animation
+document.addEventListener('DOMContentLoaded', function () {
+  // Get all "navbar-burger" elements
+  var $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
+        var target = $el.dataset.target;
+        var $target = document.getElementById(target);
+        // Toggle the class on both the "navbar-burger" and the "navbar-menu"
+        $el.classList.toggle('is-active');
+        $target.classList.toggle('is-active');
+      });
+    });
+  }
+});
+
 // Bitty scrolling links script
 $('a[href^="#"]').click(function(e) {
     e.preventDefault();