Collapsible Menu

2. Head Script

To add collapsible menus to your web page you need to copy the following script and attach it to the head section of your page. Collapsible menus use a combination of Javascript, CSS and HTML to produce the effect so the Javascript portion isn't very big.

Once you have copied your code you just save it to an external javascript file. I called mine clmenu.js. We then add the following code to the head of our web page to link in both the javascript that we just obtained as well as the stylesheet.

Now that we have our script we need to obtain and configre the stylesheet to display the collapsible menus the way that we want.