This is a Menu Script that uses jQuery in order to create drop-down menu effect.
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.
Below you can see the HTML script representation:
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.Drop-down Menu Effect,