Menu icon Foundation
Need help with multi-level menu

Hi guys. I need some help with multi-level menus. I have modified the off-canvas menu to present itself as an overlay and have gotten a multi-level menu system to work with some tinkering but cannot get the default method as presented in the 'off-canvas' doc to work. I try clicking on the option with a sub-menu and it does not expand.

This link is the multi-level menu system I got to work:
http://jsfiddle.net/Malarkey/r9yppukr/7/

This link is my attempt at coding it as described in the 'off-canvas' doc, doesn't work:
http://jsfiddle.net/Malarkey/bgbrrezs/
http://foundation.zurb.com/docs/components/offcanvas.html

Am I missing something? Is it not working because I have made the off-canvas menu present itself as an overlay? Di I mess something up that is interfering?

Any help is appreciated,
Cheers

off-canvasmulti-leveloverlay

Hi guys. I need some help with multi-level menus. I have modified the off-canvas menu to present itself as an overlay and have gotten a multi-level menu system to work with some tinkering but cannot get the default method as presented in the 'off-canvas' doc to work. I try clicking on the option with a sub-menu and it does not expand.

This link is the multi-level menu system I got to work:
http://jsfiddle.net/Malarkey/r9yppukr/7/

This link is my attempt at coding it as described in the 'off-canvas' doc, doesn't work:
http://jsfiddle.net/Malarkey/bgbrrezs/
http://foundation.zurb.com/docs/components/offcanvas.html

Am I missing something? Is it not working because I have made the off-canvas menu present itself as an overlay? Di I mess something up that is interfering?

Any help is appreciated,
Cheers