Jquery mmenu multiple instances -

Jquery mmenu multiple instances -

i need implement instances of mmenus using menus. first works fine (it amazing) , positioned on left side not able add together sec 1 opening right side.

i need add together sec icon menu, customized, on fixed top bar , utilize open sec menu. add together code sec menu, first 1 stops work because icon menu (on eft side) opens sec menu here below code. id of left menu #menu , id of right menu #listpanel

<div id="page"> <div class="header"> <a href="#menu"></a> event name 2 - race name <a href="#listpanel"></a> </div> <div id="mapcontainer"> <div id="map_canvas"></div> </div> <div class="footer "> real-time news </div> <nav id="menu"> <ul> <li><a href="../index.html"><i class="fa fa-home"></i> home</a></li> <li><a href="index.html"><i class="fa fa-globe"></i> map</a></li> <li><a href="athlist.html"><i class="fa fa-list"></i> lista atleti</a></li> <li><a href="livetracking.html"><i class="fa fa-map-marker"></i> live tracking</a></li> <li><a href="stops.html"><i class="fa fa-clock-o"></i> intermedi</a></li> <li><a href="performance.html"><i class="fa fa-dashboard"></i> prestazioni</a></li> <li><a href="rank.html"><i class="fa fa-list-ol"></i> classifica mysdam</a></li> <li id="sponsormenu"><img src="images/sponsor/logosm.png" alt="mysdam" width='90%'></li> </ul> </nav> <nav id="listpanel"> <ul> <li><a href="../index.html"><i class="fa fa-home"></i> home</a></li> </ul> </nav> </div>

while query code is

$(function() { $("#menu").mmenu({ "offcanvas": { "zposition": "front" }, "header": { "title": "menu", "add": true, "update": true }, "footer": { "add": true, "title": "smartrack @ 2014" } }); $("#listpanel").mmenu({ "offcanvas": { "zposition": "front", "position": "right" } }); });

fiddle

i searched lot solution in mmenu site , in stack overflow did not find solution. wrong??

thanks support

i'm not sure understand want do. if it's matter of having menus open, arrange html such:

<div id="page"> <div class="header"> <a href="#menu">menu left</a> <a href="#listpanel">menu right</a> </div> <nav id="menu"> <ul> <li> <a href="../index.html"><i class="fa fa-home"></i> home</a> </li> <li> <a href="index.html"><i class="fa fa-globe"></i> map</a> </li> </ul> </nav> <nav id="listpanel"> <ul> <li><a href="../index.html"> <i class="fa fa-home"></i> home</a> </li> </ul> </nav> </div>

this adds nav element, puts text in anchor elements, , works expected in this fiddle. sincerely hope looking :).

jquery multiple-instances mmenu