Customize vertical menu behaviors

I have a design that has a fixed nav on the left of the screen. The client wants submenus to open on hover (normal, easy) but they want them to stay open and only close by clicking either a closing “x” within the open submenu or outside of the submenu. Is this possible with existing menus in Foundation or am I better off building something like this from scratch?

You can use the JavaScript API of the needed components and combine this with the hover / mouseover functions of jQuery.

We have also some relevant options for some components: https://get.foundation/sites/docs/dropdown-menu.html#js-options

1 Like

Nice DanielRuf! Sorry I missed the component options. New to Foundation and learning quickly, before I start anything from scratch, there’s probably already something built in that gets me most of the way there.