YOOaccordion

The YOOaccordion is a very lightweight module for Joomla. It displays a collection of articles and creates an accordion effect with smooth sliding when selecting a article. All articles can display any kind of HTML formatted content like text/images/flash and you can even use the "loadposition" plugin to display a another module inside a article. The YOOaccordion module comes with a lot of different styles. All styles are working out of the box and can be use with YOOtheme templates or any other template. Check out the stylings below!

Take a look at the video tutorials How to install and setup the YOOaccordion module?

Stylings

See all YOOaccordion stylings in action.

Default Styling (white / black)

YOOaccordion: The YOOaccordion is a very lightweight module for Joomla. It displays a collection of articles and creates an accordion effect with smooth sliding when selecting a article. All styles are working out of the box and can be use with YOOtheme templates or any other template.
Load Modules: You can load any other Joomla! Modules inside a YOOtools module. This exclusive new YOOtools feature makes any module combination possible. For example you can show the latest news, a random product or login inside any YOOtools module. Think about it!

To use this feature just use the "Load Module" Core Plugin/Mambot which included by default with any Joomla distribution. Sample Syntax: {loadposition user1} for Joomla 1.5 or {mosloadposition user1} for Joomla 1.0.
For example: Login module loaded
JS Framework: All client side effects are written and optimized for the Mootools framework. Our custom scripts take advantage of this framework to deliver the most reliable functionality in compact size. No Javascript library overload.

Javascript Compatibility
All scripts are compatible with all modern browsers.
Also most Javascript features can turned on/off in the configuration. A turned off feature will not effect the template anymore.
Sliced Image Sources: Launch up your Adobe Fireworks and open the fully sliced image source files to get started with some serious customizations! Does some color doesn't match your current taste? Or do you need to match the module design closer to your clients corporate identity? No problem, start modifying the included image source file to suit your needs. Adobe Fireworks .png file downloadable as zip file.

Watermark Styling (white / black)

YOOaccordion: The YOOaccordion is a very lightweight module for Joomla. It displays a collection of articles and creates an accordion effect with smooth sliding when selecting a article. All styles are working out of the box and can be use with YOOtheme templates or any other template.
Load Modules: You can load any other Joomla! Modules inside a YOOtools module. This exclusive new YOOtools feature makes any module combination possible. For example you can show the latest news, a random product or login inside any YOOtools module. Think about it!

To use this feature just use the "Load Module" Core Plugin/Mambot which included by default with any Joomla distribution. Sample Syntax: {loadposition user1} for Joomla 1.5 or {mosloadposition user1} for Joomla 1.0.
For example: Login module loaded
JS Framework: All client side effects are written and optimized for the Mootools framework. Our custom scripts take advantage of this framework to deliver the most reliable functionality in compact size. No Javascript library overload.

Javascript Compatibility
All scripts are compatible with all modern browsers.
Also most Javascript features can turned on/off in the configuration. A turned off feature will not effect the template anymore.
Sliced Image Sources: Launch up your Adobe Fireworks and open the fully sliced image source files to get started with some serious customizations! Does some color doesn't match your current taste? Or do you need to match the module design closer to your clients corporate identity? No problem, start modifying the included image source file to suit your needs. Adobe Fireworks .png file downloadable as zip file.

Whitespace Styling (white / black)

YOOaccordion: The YOOaccordion is a very lightweight module for Joomla. It displays a collection of articles and creates an accordion effect with smooth sliding when selecting a article. All styles are working out of the box and can be use with YOOtheme templates or any other template.
Load Modules: You can load any other Joomla! Modules inside a YOOtools module. This exclusive new YOOtools feature makes any module combination possible. For example you can show the latest news, a random product or login inside any YOOtools module. Think about it!

To use this feature just use the "Load Module" Core Plugin/Mambot which included by default with any Joomla distribution. Sample Syntax: {loadposition user1} for Joomla 1.5 or {mosloadposition user1} for Joomla 1.0.
For example: Login module loaded
JS Framework: All client side effects are written and optimized for the Mootools framework. Our custom scripts take advantage of this framework to deliver the most reliable functionality in compact size. No Javascript library overload.

Javascript Compatibility
All scripts are compatible with all modern browsers.
Also most Javascript features can turned on/off in the configuration. A turned off feature will not effect the template anymore.
Sliced Image Sources: Launch up your Adobe Fireworks and open the fully sliced image source files to get started with some serious customizations! Does some color doesn't match your current taste? Or do you need to match the module design closer to your clients corporate identity? No problem, start modifying the included image source file to suit your needs. Adobe Fireworks .png file downloadable as zip file.

Parameter Options

All parameter options for the YOOaccordion module.

Category
A content category which items are used for the YOOaccordion

Style
The YOOaccordion styling (Default, Watermark, Whitespace)

Allow multiple open
Allow multiple open items (Yes, No)

Open all items
Open all items on startup (Yes, No)

Ordering
Ordering options (Article Order, Recently Added First, Recently Modified First, Most Popular, Randomize)

Read More
Show/Hide the Read More button

No. of Items
Maximum no of items to display

Item height (px)
Define a height for every item, set it to 0 for auto-height

"Out of the Box" Stylings	Default + 2 Extra
Color Variations	White & Black
Displayed Content	Articles and other Modules
Used Javascript Framework	Mootools
Supported Joomla Versions	1.0 and 1.5 natively
Sliced Image Sources	Fireworks CS3
Browser Compatibility	Firefox, IE6, IE7, Safari, Opera, Camino
XHTML&CSS Validation