init.js

js/_init.js

@@ -0,0 +1,45 @@
+$(function () {
+  header();
+  hamburger();
+});
+
+function header() {
+  var $window = $(window),
+  $smallHeader = $('.header-small'),
+  smallHeaderShowing = false;
+
+  function small_header() {
+    var top = $window.scrollTop();
+    if (top > 200 && !smallHeaderShowing) {
+      $smallHeader.addClass('showing');
+      smallHeaderShowing = true;
+    }
+    else if (top <= 200 && smallHeaderShowing) {
+      $smallHeader.removeClass('showing');
+      smallHeaderShowing = false;
+    }
+  }
+
+$window.scroll(small_header);
+small_header();
+}
+
+function hamburger() {
+var isOpen = false,
+  $hamburger = $('.hamburger'),
+  $headerSmall = $('.header-small');
+
+  $hamburger.on('click', function () {
+    isOpen = !isOpen;
+    $hamburger.toggleClass('is-active');
+    $headerSmall.toggleClass('menu-open');
+  });
+
+  $(window).on('scroll', function(){
+    if(isOpen){
+      $hamburger.removeClass('is-active');
+      $headerSmall.removeClass('menu-open');
+      isOpen = false;
+    }
+  });
+}