3
Below are the steps to add multiple menus into the same page.
HTML
<nav id="ddmenu">(...this is the first menu...)</nav>
......
<nav id="ddmenu2">(...this is the second menu...)</nav>
JavaScript ddmenu.js:
Open the ddmenu.js with Notepad, and make the following changes:
var ddmenuOptions={
menuId: "ddmenu",
linkIdToMenuHtml: null,
open: "onmouseover", // or "onclick"
delay: 50,
speed: 0.3,
license: "mylicense"
};
var ddmenu2Options={
menuId: "ddmenu2",
linkIdToMenuHtml: null,
open: "onmouseover", // or "onclick"
delay: 50,
speed: 0.3,
license: "mylicense"
};
var ddmenu = new Ddmenu(ddmenuOptions);
var ddmenu2 = new Ddmenu(ddmenu2Options);
/* Menucool Drop Down Menu v2015.8.19 Copyright www.menucool.com */
(...the script remains to be a single copy and untouched...)
CSS:
Open the ddmenu.css, copy all the content and paste it to the bottom of the file. Select and highlight all the newly pasted content, and use the search and replace tool to update all the #ddmenu to #ddmenu2.