if($(window).width() < 768){
$('.menuWrapper').each(function(){
$(this).find('h2.menuHeadding').click(function(){
$(this).parent().find('ul.menu').toggleClass('open');
});
});
}
Putting my script on top of that to close the submenus just creates a bigger mess.$(window).on('resize load', function(e) {
var w = $(window).width();
$('.menuWrapper').each(function(){
$(this).find('span.txss').css({'margin-top':($(this).find('h2.menuHeadding').height() - $(this).find('span.txss').height()) / 2});
});
$('ul.menu li').each(function(){
$(this).find('ul').css({'left':$(this).width(), 'min-width':'250px'});
});
//wait for user to stop resizing before adjusting anything
var timer = setInterval(function(){
var newW = $(window).width();
if (w == newW){
clearInterval(timer);
if (w < 768) {
$('ul.menu li').has('ul.menu').each(function () {
var lnkTxt = $(this).children('a').text();
var lnk = $(this).children('a').attr('href');
$(this).children('ul.menu').prepend("<li class='sm-lnk'><a href='" + lnk + "'>" + lnkTxt + " Page</a></li>");
$(this).children('a').attr('href', '#');
});
$('.rightSidebar, aside').css({'min-height':'inherit'});
$('ul.menu li').each(function(){
$(this).find('a').click(function(){
$(this).parent().find('ul').toggleClass('blck');
});
});
$('.menuWrapper').each(function(){
$(this).find('h2.menuHeadding').click(function(){
$(this).siblings('ul.menu').toggleClass('open');
$(this).find('.rghtarrw').toggleClass('fa-angle-down');
});
$(this).find('h2.menuHeadding').siblings('ul.menu li').click(function(){
$(this).children('ul.menu').toggleClass('open');
});
});
} else {
$('.rightSidebar, aside').css({'min-height':$('.mainContentArea').height()});
$('ul.menu li ul').removeClass('blck');
$('ul.menu li').has('ul.menu').each(function () {
if ($(this).find('li:first-child').hasClass('sm-lnk')) {
var lnk = $(this).find('li.sm-lnk a').clone();
var lnkTxt = $(lnk).attr('href');
$(this).find('a').eq(0).attr('href', lnkTxt);
}
$(this).find('li.sm-lnk').remove();
});
}
}
}, 300);//Check every 300ms to see if the window width has stopped changing.
//This saves on a lot of rapid-fire jQuery function calls
});
the navigation is confusing, some menu with arrow are opening with sub item and some other are not
like Learn about this menu so maybe just remove the arrow for Learn about this menu .