Skip to content

Instantly share code, notes, and snippets.

@boldfacedesign
Created April 8, 2014 10:57
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save boldfacedesign/10109632 to your computer and use it in GitHub Desktop.
Save boldfacedesign/10109632 to your computer and use it in GitHub Desktop.
touch optimized mega-menus
//Touch optimization for mega-menus
if ($('html').hasClass('touch')) {
$('#page').on('click', function(e){
if ($('.region-navigation .menu-name-menu-main-navigation > ul > li').hasClass('open')) {
e.stopPropagation();
e.preventDefault();
$('.region-navigation .menu-name-menu-main-navigation > ul > li').removeClass('open');
}
});
$('.region-navigation .menu-name-menu-main-navigation').on('click', function(e){
e.stopPropagation();
});
$('.region-navigation .menu-name-menu-main-navigation > ul > li a').on('click', function(e){
if ($(this).siblings('.node-mega-menu').length) {
if (!$(this).parent('li').hasClass('open')) {
e.stopPropagation();
e.preventDefault();
$(this).parent('li').addClass('open');
$(this).parent('li').siblings().removeClass('open');
} else {
}
}
});
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment