I would like to use Adobe's Accessible Mega menu that they provide on github. However this mega menu triggers on hover instead of on click and I don't see any simple way to change this within the javascript.
Other than this one issue I believe this implementation of a mega menu is perfect for my requirements. Is anyone who a whiz at jquery able to point me in the right direction. Any help or reccomendations will be appreciated.
The mega menu can be found here: http://adobe-accessibility.github.io/Accessible-Mega-Menu/ & jquery file is: http://adobe-accessibility.github.io/Accessible-Mega-Menu/js/jquery-accessibleMegaMenu.js
I did a quick review of "jquery-accessibleMegaMenu.js" so my answer may be premature. Inside this java-script Look for definition of two functions: _mouseOverHandler and _mouseOuthandler. These functions handle the display of menu on cursor hover. Comment the code inside these functions. Don't comment the entire functions themselves, it might have other repercussions.
Also tests if the hover events on the child menu items are handled through these functions. If so you might have to modify these events to allow hover effect on child menus.