jQuery(document).ready(function($) {
// Activate first menu by default
$('.hfe-nav-menu > li:first-child').addClass('menu-active');
// Click handler for menu items
$(document).on('click', '.hfe-nav-menu > li > .hfe-has-submenu-container > a', function(e) {
// Prevent default only for parent items
if ($(this).closest('li').find('.sub-menu').length) {
e.preventDefault();
}
var $parent = $(this).closest('li');
var $submenu = $parent.find('> .sub-menu');
// If clicking the active menu, close it
if ($parent.hasClass('menu-active')) {
$parent.removeClass('menu-active');
$submenu.stop(true, true).slideUp(300);
}
// If clicking another menu
else {
// Close all other menus
$('.hfe-nav-menu > li').removeClass('menu-active');
$('.hfe-nav-menu > li > .sub-menu').stop(true, true).slideUp(300);
// Open current menu
$parent.addClass('menu-active');
$submenu.stop(true, true).slideDown(300);
}
});
// Close menu when clicking outside
$(document).on('click', function(e) {
if (!$(e.target).closest('.hfe-nav-menu').length) {
$('.hfe-nav-menu > li').removeClass('menu-active');
$('.hfe-nav-menu > li > .sub-menu').stop(true, true).slideUp(300);
}
});
// Prevent closing when clicking inside submenu
$('.hfe-nav-menu .sub-menu').on('click', function(e) {
e.stopPropagation();
});
});
