Skip to content

Instantly share code, notes, and snippets.

@rianrietveld
Created April 22, 2015 15:15
Show Gist options
  • Save rianrietveld/8a6c668b0ce6925987f3 to your computer and use it in GitHub Desktop.
Save rianrietveld/8a6c668b0ce6925987f3 to your computer and use it in GitHub Desktop.
Inaccessible Genesis responsive-menu.js
jQuery(function( $ ){
$("header .genesis-nav-menu, .nav-primary .genesis-nav-menu").addClass("responsive-menu").before('<div class="responsive-menu-icon"></div>');
$(".responsive-menu-icon").click(function(){
$(this).next("header .genesis-nav-menu, .nav-primary .genesis-nav-menu").slideToggle();
});
$(window).resize(function(){
if(window.innerWidth > 768) {
$("header .genesis-nav-menu, .nav-primary .genesis-nav-menu, nav .sub-menu").removeAttr("style");
$(".responsive-menu > .menu-item").removeClass("menu-open");
}
});
$(".responsive-menu > .menu-item").click(function(event){
if (event.target !== this)
return;
$(this).find(".sub-menu:first").slideToggle(function() {
$(this).parent().toggleClass("menu-open");
});
});
});
@rianrietveld
Copy link
Author

You will find the accessible version here: https://gist.github.com/RRWD/e248ca84ef680c5341f1

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment