How to implement MooTools accordion
1. Navigate to the Accordion page on MooTool's website
http://demos.mootools.net/Accordion
2. On the top right are 3 links: js code | html code | css code
You will need to click on all of those and copy and paste the code from each one into a basic html file.
3. You will also need to download and install all the necessary components and javascript files. Go to the downloads page, http://mootools.net/download, check all the checkboxes, and hit 'download'. I say select them all because you might need those other components later in the future.
4. Copy the downloaded file to your server or directory where you .html file is at.
5. In your .html file right before the last head tag, copy and paste the provided js code that you downloaded earlier.
6. Of course, the html code you downloaded earlier needs to go into the tag of your .html file.
7. Also, you need to add the CSS, which you can do in an external file called styles.css
8. That's it - the test Accordion sample on MooTool's site should work once you have uploaded the .html file and the MooTools js folder to your server.
If you have trouble getting this set up, let me know and I will try to help you.
Here is a link to what it looks like on my site: My web design and client portfolio
Labels: How To








