About the Accordion
The accordion effect is a JavaScript effect which can be achieved using either moo.fx, a lightweight javascript effects library which can be gotten from http://moofx.mad4milk.net/ or the Mootools framework found at www.mootools.net.
It can be used as a vertical menu system to expose submenu items or to expose content or images. Say you have a long list of FAQ's, it can be set up to list the titles then as you hover over and select the title you view the detail.
When Joomla CMS
Although the accordion effect seems to work flawlesly, within Joomla CMS there is a noticable gap below each header link when displayed using Internet Explorer browser. I am still looking for a CSS solution to fix this issue. If you are using Internet Explorer to see the difference please visit: www.dottedi.biz/scripts/accordion/m9.php.
CSS Menus 1-9»
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec ut mauris. Sed ut arcu in eros eleifend interdum.
Fancy Menus»
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec ut mauris. Sed ut arcu in eros eleifend interdum.
Expose a Submenu»
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec ut mauris. Sed ut arcu in eros eleifend interdum.
Expose images
Expose content
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec ut mauris. Sed ut arcu in eros eleifend interdum. Donec posuere metus sed mauris. Vestibulum vitae metus. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec volutpat. Curabitur ante est, rhoncus sed, adipiscing at, rutrum at, felis. Donec nulla ipsum, vulputate ut, volutpat non, convallis sit amet, erat. Sed ut dolor dignissim enim facilisis pulvinar. Suspendisse est.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec ut mauris. Sed ut arcu in eros eleifend interdum. Donec posuere metus sed mauris. Vestibulum vitae metus. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec volutpat. Curabitur ante est, rhoncus sed, adipiscing at, rutrum at, felis. Donec nulla ipsum, vulputate ut, volutpat non, convallis sit amet, erat. Sed ut dolor dignissim enim facilisis pulvinar. Suspendisse est.