Advertisement
srikat

responsive-menu.js

Sep 18th, 2014
290
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
jQuery 0.69 KB | None | 0 0
  1. jQuery(function( $ ){
  2.  
  3.     $(".nav-primary .genesis-nav-menu").addClass("responsive-menu").before('<div class="responsive-menu-icon"></div>');
  4.  
  5.     $(".responsive-menu-icon").click(function(){
  6.         $(this).next(".nav-primary .genesis-nav-menu").slideToggle();
  7.     });
  8.  
  9.     $(window).resize(function(){
  10.         if(window.innerWidth > 800) {
  11.             $(".nav-primary .genesis-nav-menu, nav .sub-menu").removeAttr("style");
  12.             $(".responsive-menu > .menu-item").removeClass("menu-open");
  13.         }
  14.     });
  15.  
  16.     $(".responsive-menu > .menu-item").click(function(event){
  17.         if (event.target !== this)
  18.         return;
  19.             $(this).find(".sub-menu:first").slideToggle(function() {
  20.             $(this).parent().toggleClass("menu-open");
  21.         });
  22.     });
  23.  
  24. });
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement