hamburger behavior

uaprom-summer-2015 · Aug 19, 2015 · d011ee6 · d011ee6
1 parent d77b7b0
commit d011ee6
Showing 1 changed file with 24 additions and 0 deletions.
diff --git a/project/static/src/js/hamburger.js b/project/static/src/js/hamburger.js
@@ -0,0 +1,24 @@
+(function () {
+    "use strict";
+    var nav = document.getElementById('nav-collapsable');
+    nav.style.maxHeight = "0px";
+
+    var toggle_nav = function() {
+        if (nav.style.maxHeight === "0px") {
+            nav.style.maxHeight = "400px";
+        } else {
+            nav.style.maxHeight = "0px";
+        }
+    }
+
+    var hamburger = document.getElementById('hamburger');
+    hamburger.addEventListener("click", function(e) {
+        e.preventDefault();
+        if (this.classList.contains("is-active") === true) {
+            this.classList.remove("is-active");
+        } else {
+            this.classList.add("is-active");
+        }
+        toggle_nav();
+    });
+})();