Sorry, Pratik!
I just realized that. I was working on a page. I took off the ‘Coming Soon’ page. Sorry! This was the code I received, which might be helpful for others:
/* Your code goes here */
var $ = jQuery,
breakpoint = 940,
initClass = 'toggleSubnavInitiated',
menu,
parentLinks,
childrenItems;
$(document).ready(function() {
menu = $('.menu');
parentLinks = menu.find('.menu-item-has-children > a');
childrenItems = menu.find('.sub-menu');
if ($(window).width() <= breakpoint) {
toggleSubnav(menu, parentLinks, childrenItems);
}
});
$(window).resize(function() {
if ($(window).width() <= breakpoint) {
toggleSubnav(menu, parentLinks, childrenItems);
}
});
function toggleSubnav(menu, parentLinks, childrenItems) {
if (parentLinks.length !== 0) {
menu.addClass(initClass);
childrenItems.hide();
parentLinks.on('click', function(event) {
event.preventDefault();
$(this).siblings('.sub-menu').toggle();
});
}
}
When you say wrap the script in a resize event, that sounds like that problem I’m having. Would you be able to tell me how I can wrap this code in a resize event?
Thanks again, mate! 😛
.
