Mega menu - collapsable menu items

I have a nice menu with many items and some sub items, when i open a menu items to see the sub items it works fine but if i then open another menu item to show the sub items the menu leaves the first menu item and sub items on show and this can get very messy on the screen.

Is there a way to make any open menu item close when opening another item automatically?

+1

with many menu items and subitems, the current behavior makes using the new menu in vertical mode a very bad user experience

@top1data,

If you haven’t found a workaround for this case yet, here is a suggestion from the Scriptcase BR forum.

In any case, we are reporting the case so that an improvement can be made regarding this responsive menu feature.

Best regards!

Not found any solution yet but like most menu’s of this type when you click onto another sub menu the previous menu usually collapses so that you do not end up with all of the previous menus open.

This would make it much more user friendly.

@Danilo_Lima
I see a timer in the js code, so it seems an infinite loop?
i’d prefer an event driven solution

anyway there are three additional show stoppers to implement the new menu in vertical mode:

  1. the issue with megamenu (see my specific post)

  2. clicking on the label of and open megamenu should close it; this happens in horizontal mode as well, but it’s much more annoying in vertical mode; if you have more than one, try opening and immediately closing all megamenus from top to bottom (vertically) just to glance at all their content (without entering in each megamenu area) and you’ll see what i mean

  3. not related to megamenu; the search icon can’t be moved to the vertical menu. if i want just to use the search icon as an extra feature, screen space will be taken both on the left side (the actual vertical menu) and on the top side (the top toolbar that will use up scren space just for the search icon)