Skip to content

Instantly share code, notes, and snippets.

@rianrietveld
Created April 22, 2015 15:16
Show Gist options
  • Save rianrietveld/e248ca84ef680c5341f1 to your computer and use it in GitHub Desktop.
Save rianrietveld/e248ca84ef680c5341f1 to your computer and use it in GitHub Desktop.
Accessible Genesis responsive-menu.js
jQuery(function( $ ){
$("header .genesis-nav-menu, .nav-primary .genesis-nav-menu").addClass("responsive-menu").before('<h2 class="screen-reader-text" id="rian-main-nav">Main navigation</h2><button class="responsive-menu-icon" aria-expanded="false">Menu</button>');
$(".responsive-menu-icon").click(function(){
var _this = $( this );
_this.attr( 'aria-expanded', _this.attr( 'aria-expanded' ) === 'false' ? 'true' : 'false' );
$(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");
});
});
});
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment