Creating an "Accordion" in Freeway

An "Accordion" is a great way to have a lot of information on a page without making the page too long. This is because an accordion will display a section of text only when a heading is clicked on. Clicking on another heading can be made to hide the previous section when the new section displays.

You can make an accordion which auto-closes the previous section of text on your Freeway page by using the following: (see the example Scripty Accordion page at and try clicking on the Header headings).

At you can find the MooTools Actions Suite (of which one of the Actions is the Moo: Accordion Action. Scroll down the page and click on the blue bars under the Suite Contents heading to see it in action.