Menucool Accordion Menu will automatically open and highlight the sub-menu item that contains the current page link when the page is opened,
making it easier for users to find and navigate to other items in the sub-menu.
If you want the menu to slide out from the left or right side of the screen, you can wrap it with a Super Panel:
<div id="panel1">...(the menu markup)..</div>
For details please visit side navigation panel.
If you want the menu to be float so that it is always present regardless of the scroll position, you can wrap it with a Float Panel:
<div class="float-panel">...(the menu markup)..</div>
For details please visit floating navigation bar.
If the menu HTML is NOT available on the page load, but will be generated dynamically at a later time, read build menu after page load
Open the accordion-menu.js with Notepad, and customize the options:
var amenuOptions =
expand: "single", //"single", "full,180px", "multiple", "all" or "alltop"license: "mylicense"
var amenu = new McAcdnMenu(amenuOptions);
linkIdToMenuHtml:null by default. If you want to store your website menu in a separate file so that you do not need to cut and paste the menu HTML code on every page,
you can assign linkIdToMenuHtml with the ID of a link that links to a separate file containing the menu's markup. Please refer to get menu from another file for details.
expand mode: "single", "full,180px", "multiple", "all" or "alltop"
single: Only one item can be expanded at a time. Expanding an item will collapse the previously expanded one.
full,180px: Only one item can be expanded at a time. The item (the sub-UL) will expand to the specified height (need to change the 180px to your desired value).
multiple: More than one item can be expanded at a time.
all: Similar to the "multiple" option, but all sub-menu sections are expanded initially when page is loaded.
alltop: Similar to the "all" option, but only the top-level sub-menu sections are expanded initially when page is loaded.
Built-in event handlers and functions
If you need to manipulate the accordion menu with your customized functions:
The width and background-color of the accordion menu
are not set in the accordion-menu.css. They can be inherited from the parent element of the menu,
or can be defined through the #accordion selector.
License is required before the slider goes live on web server. Otherwise a trial version alert might display.
The license is issued on a per-domain basis (valid for a domain and its sub-domains). Intranet domains and IP domains should also be licensed.
License Fee: $9.00
You do not need a license for development or evaluation when using localhost server or local file path. The menu is fully functional.
You can use the licensed widget multiple times within the website for which you've purchased the license.
When you have acquired the license, open the accordionmenu.js file with Notepad, and update the license value accordingly.
var amenuOptions =
FAQ about License
How the license works? Does it go to another web service to verify? Answer
Do I need a license for my dev and testing domain that is different from the final client's domain? Answer
Will it work for sub-domains? Answer
My website is on intranet. Do I need license for using your widgets in my intranet website? Answer
Do you provide developer license that can be applied to multiple websites? Answer
I have multiple domain names pointing to the same website. Can I apply multiple licenses to the same script? Answer
Do I need to renew the license for future upgrades/releases of the widget? Answer
If the validation failed(the domain name doesn't match the license key), the UI component may periodically display a trial version alert, or even disable some functionalities.
The code is fully functional even if the script is not licensed (though it may periodically show a trial version alert). So usually you don't need the license in your dev phase.
If you are developing under the domain localhost, either the trial version alert will be disabled, or we have provided a license for the localhost that you can find in the
License section of the product's main page.
Yes. If the license is valid for the main domain, it will also be valid for all its sub-domains(such as sub1.mydomain.com, sub2.mydomain.com).
Yes license is required for intranet domains, and you can enter your intranet domain into the For website box after clicking the Buy Now button.
No. It is on a per-domain basis only.
Yes, it is supported. The following links are the instructions:
If your domain2.com will be redirected to your domain1.com, you only need a license for domain1.com. You don't need multiple licenses in this scenario.
If your multiple domains are obviously for the same site, such as menucool.com, menucool.net, menucool.com.us,
you can input the regular price for the first domain, and input 1/2 of the price for the others.
No. The license will be valid forever as long as your domain is not changed.
If your domain name is changed, you need to purchase a separate license for the new domain.