Drop-down Menu Effect

This is a Menu Script that uses jQuery in order to create drop-down menu effect.

JavaScript
In order to make the script work, the index-#.html file with the menu should contain these lines of HTML code:

The dropdown.js file contains these lines of code that initialize the script functionality:

In order to create a menu we use a bulleted list (<ul> tag) and inside a list item (<li> tag) we place another bulleted list that will represent drop-down menu.

HTML
Below you can see the HTML script representation:

CSS
You can find script related stylesheet in the main style.css file. You will need to modify the following styles:

Initially we should hide the drop-down menu. The rest of styles differ from template to template.