Mobile Menu Accordion Menu - Expand "active" submenu parent automatically

[photonomad]

Is there a way to make menu-items with the "active" and "is-accordion-submenu-parent" classes automatically be expanded when the page loads?

It would be more convenient for viewers if the active menu item in the vertical accordion menu would just be open by default, but I can't figure out where or how to edit the code to make this happen.

Thanks in advance for any suggestions!

[AdamChlan]

See if this helps you out:

http://foundation.zurb.com/forum/posts/21440-accordion-expand-all-on-load http://foundation.zurb.com/forum/posts/21440-accordion-expand-all-on-load

On May 19, 2016, at 3:56 PM, photonomad [email protected] wrote:

Is there a way to make menu-items with the "active" and "is-accordion-submenu-parent" classes automatically be expanded when the page loads?

It would be more convenient for viewers if the active menu item in the vertical accordion menu would just be open by default, but I can't figure out where or how to edit the code to make this happen.

Thanks in advance for any suggestions!

—
You are receiving this because you are subscribed to this thread.
Reply to this email directly or view it on GitHub #822

[photonomad]

Thanks @AdamChlan - though, I think the solution in that thread is not compatible with Foundation 6.

This is the solution I found that works with the Foundation 6 Accordion Menu:

$(window).load(function() {
$(".active a").trigger('click');
});

[thomasfrobieter]

"To have a sub-menu already open when the page loads, add the class .is-active to that sub-menu."
(Hint: You have to set it on the UL)

[santiagoarizti]

@thomasfrobieter thank you, I was setting it to the

element where the sumenu was in.

[AlexLaforge]

If you need to do it manually, you can use this code (tested with Foundation 6.4.3) :
$('.menu.vertical.accordion-menu[data-accordion-menu] .is-submenu-item.is-accordion-submenu-item > a.current').parents().find('.is-accordion-submenu-parent > a').trigger('click');