Mootools is one of many Javascript libraries which make it easy to implement nice effects in your web pages such as the accordion menu. All you need to do is include mootools.js, accordion.js, and a stylesheet. An effective first approach is to start with a dummy project and then simply change the content of the headings, images, and paragraphs.

Here is what the dummy project looks like.

View Dummy Version

After the content changes have been made, the project might now look like this:

View Completed Version


The "dummy" html file can be viewed and downloaded below.

Sample Projects