Hide other submenus when menu item clicked

Hi Champdor,

Thanks for posting a link. I’m not sure how you’re making that effect, bit I guess you are using custom JavaScript, so you would need to debug this yourself.

We do have a tabbed feature already built into Pro, there is a demo on the homepage and the documentation is here:

https://www.megamenu.com/documentation/tabbed-mega-menu/

Regards,
Tom

Hi Tom,

I’m getting closer in understanding but not in making it work.
No, no custom jQuery is in use so far. Only MMM settings.

1. I still need to make open submenus disappear if another menu item is clicked. I boiled down that I need to remove .mega-toggle-on class from the other menu items. I tried this code (and several other versions of it):

jQuery(document).ready(function ($) {
	var $allOpenSubmenus = $('#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item.mega-menu-megamenu ul.mega-sub-menu li.mega-collapse-children.mega-toggle-on');
	
	$('#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item.mega-menu-megamenu ul.mega-sub-menu li.mega-collapse-children > a.mega-menu-link').click(function (e) {
		var target = $( e.target );
		$allOpenSubmenus.not( target.parent() ).removeClass('mega-toggle-on');
    });
});

But I suck at jQuery.

2. I will need to put the submenus to the top of the mega menu—not in line with its parent.

3. I need to make the mega menu to reach the bottom of the page because the Tiles submenu is out of the mega menu space. How can I make my mega menu full screen?

Regards,
Champdor

Hi Champdor,

I’m sorry but this is a level of customisation that I do not support on the free forums. Tabbed functionality (what you’re trying to replicate) is already built in to the pro version and would solve 1 and 2 for you.

Regards,
Tom

Thank you. I will look into Pro then.

All the best,
Champdor