QUOTE
This is a very good slide down menu. Download it and give it a try. You will not forget it.
Define menu items
The menu is based on an unordered list, so the only thing you have to do is to build this. Look how it is done in the demo for help.
Configure layout
The layout for the main-, and submenu items is specified in the CSS. Look at the comments in the CSS for further information.
Initially show a group of sub menu items
You can automatically expand/show a group of sub menu items. This is done by setting the Javascript variable expandFirstItemAutomatically to the index of the main menu item you want to expand(example:
var expandFirstItemAutomatically=1; to initially expand the first group of sub items.
You may also specify which submenu to expand in your URL. Example: <a href="http://www.domain.com/slidedown-menu2/slidedown-menu2.html?mainMenuItemToSlide=2"> will initially expand the second main menu item. Here, I have added ?mainMenuItemToSlide=2 to the URL.
You may also expand sub menu items automatically by specifying an id. This works as follow:
* Give one of your menu items an id. Example:
<li id="initialExpandedMenuItem"><a href="#">Download</a></li>
* Specify the id of this menu item in a Javascript variable at the top of the <script> section. Example:
var initMenuIdToExpand = 'initialExpandedMenuItem';
NNTIEN
Define menu items
The menu is based on an unordered list, so the only thing you have to do is to build this. Look how it is done in the demo for help.
Configure layout
The layout for the main-, and submenu items is specified in the CSS. Look at the comments in the CSS for further information.
Initially show a group of sub menu items
You can automatically expand/show a group of sub menu items. This is done by setting the Javascript variable expandFirstItemAutomatically to the index of the main menu item you want to expand(example:
var expandFirstItemAutomatically=1; to initially expand the first group of sub items.
You may also specify which submenu to expand in your URL. Example: <a href="http://www.domain.com/slidedown-menu2/slidedown-menu2.html?mainMenuItemToSlide=2"> will initially expand the second main menu item. Here, I have added ?mainMenuItemToSlide=2 to the URL.
You may also expand sub menu items automatically by specifying an id. This works as follow:
* Give one of your menu items an id. Example:
<li id="initialExpandedMenuItem"><a href="#">Download</a></li>
* Specify the id of this menu item in a Javascript variable at the top of the <script> section. Example:
var initMenuIdToExpand = 'initialExpandedMenuItem';
NNTIEN
