I am trying to accomplish getting two menus, one in each of two columns, on one page. I am using the StrayGoat model to create my accordions, specifically, "foundation-menu-off-canvas.js" (Although, I am not using the cloning for the side menu.)
The process works great for single menu pages. But when I use two menu proxies to add the menus to one page...
I get a console warning:
foundation.js:5477 Tried to initialize accordion-menu on an element that already has a Foundation plugin.
AND randomly, about one time in ten, the accordion loads open on the page.
Sometimes it's the left column, sometimes it's the right.
It's as if the accordion didn't get the javascript/css message that it's an accordion. If I reload the page, the accordion menu loads as expected.
I have tried all kinds of things to either recreate with reason or fix like:
Adding id's to the accordion ul,
reInitializing Foundation on the id, or the menu plugin
Nothing seems to work. If you have any suggestions, I would welcome them!
Thanks in advance,
Christina Morris