studio susie website

1 files changed, 32 insertions, 0 deletions

diff --git a/studio-susie/public/assets/js/lib/nav/MobileNav.js b/studio-susie/public/assets/js/lib/nav/MobileNav.js
new file mode 100644
index 0000000..5c0f253
--- /dev/null
+++ b/studio-susie/public/assets/js/lib/nav/MobileNav.js
@@ -0,0 +1,32 @@
+var MobileNav = View.extend({
+
+  el: '#mobile_nav',
+
+  events: {
+    'touchstart .logo': 'home',
+    'touchstart .hamburger': 'hamburger'
+  },
+
+  initialize: function(options){
+    options = options || {}
+    this.state = {
+      open: false
+    }
+  },
+
+  home: function (){
+    app.nav.home()
+  },
+
+  hamburger: function (e){
+    $('html').toggleClass('navopen')
+    app.mobile_nav.state.open = ! app.mobile_nav.state.open
+    if (app.mobile_nav.state.open) {
+      $("#rapper").on("click", app.mobile_nav.hamburger)
+    }
+    else {
+      $("#rapper").off("click", app.mobile_nav.hamburger)
+    }
+  },
+  
+})