Login

MooTools Accordion

Introduction

MooAccordion makes it very easy to add MooTools accordion slides (show/hide blocks) to any article, which can be used to organize and display content more effectively (like in a FAQ page). The syntax is simple and easy to use.

Share

• adds minimal markup (and intelligently strips unnecessary markup added by editors like tinyMCE and JCE, if present) to keep the html clean and valid
• uses Joomla core MooTools library, which means this plugin adds no HTTP requests, minimizes dependencies, prevents JS conflicts, and makes it very lightweight
• adds CSS class for active block title, allowing you to toggle it's icon (for ex, from a + to a - icon— visit http://www.acusti.ca/mooaccordion-css-show-hide-demo-tutorial for a tutorial on how to do so); more generally, the markup is fully CSS customizable
• very easy for anyone to use (without technical knowledge) and very flexible
• the show/hide effects and other settings are easily customizable from the plugin's configuration
• compatible with IE 6-9, Firefox, Safari, Opera, etc.

The plugin is similar to JoomlaWork’s Tabs & Slides (in content items) Plugin, the plugin I originally used before being inspired to write this one. My biggest problem with the JW plugin was that when I added the plugin syntax into an article, the plugin would create invalid markup from it, because the WYSIWIG editor automatically wrapped it in an element. Also, it seemed foolish to use an old accordion script rather than the built-in accordion plugin that Joomla already comes with. This plugin solves those issues, and does so efficiently and robustly.

Hi! This plugin fulfilled my need. Thank you for your perfect plugin! I need to know where am I supposed to edit the CSS of the mooaccordion in order to change the color and font of the title and contents!

I have used other extensions that provide similar accordion solution in a similar fashion but what differentiates this one from the rest of the pack is its beauty and the lack of unnecessary bars that stretch from one end-to-end.

I wish the developer would implement a vertical accordion in a similar fashion!

The only bug i found is that they don't have a class name when it's open or active when i use it whit the class.

Thank you very much for this.

Owner's reply:
Thanks for the review! Perhaps this is not what you are looking for, but the title and content block elements both get the CSS class .expanded when they are open/active, and that class is removed when they are collapsed/inactive.

Thanks again for the friendly review and rating. I’m glad you found the plugin useful.

This plugin has everything I was looking for! All the other plugins I tested for this purpose before trying this one had some kinds of problems in them. Either they didn't work with earlier versions of PHP or they didn't close the other slides automatically when a new one was opened. This plugin works, and it's simple and easy to use. Recommended!

The module is simple but works well. I wanted to take it a bit further, and I sent two queries to Andrew to help me with my customisation. He almost immediately implemented my request in a much better way, which was not my request or expectation, so I was delighted. He's smart and helpful. Clearly a very strong Joomla & MooTools developer.

Full Category List Menu for VirtueMart

Free |
VirtueMart extensions |
Andrew Patton

2.5

Score:

52

12 reviews

VirtueMart Full Category List Menu Module is a Joomla module that can display the entire category structure of your virtuemart store, including all levels of subcategories, as a fully CSS customizable structured unordered list. As of version 1.1.0 (April 27, 2010), you can now specify any range of category levels that you wish to display (i.e., top-level only, 2nd to 4th level, etc).
The output is modeled on the Tree List output of the extended menu joomla module (like the "Flat List" output of the default Joomla menu module). The list could be styled, for example, like the Son of Suckerfish css dropdown menu or as a site map. It is comparable to the Phoca VirtueMart Category List Module, though this module is not limited to only the root categories.
Release notes for version 1.2.0 (2012-07-26):
• The module is now VirtueMart 2.x and Joomla 2.x compatible
• Added a much-requested feature to make it possible to filter the menu by the current category, so that the menu can “follow” the user as they drill down through your web shop’s categories
For version 1.1.1c (2012-01-30):
• Very minor update: added category ID into CSS class for links so they can be individually styled if necessary
For version 1.1.1 (2010-05-25):
• Minor update: added parameter to select a category to display (w. subcategories, if applicable), and fixed a very small bug in the helper functions.
• A couple minor fixes (see changelog)
For version 1.1.0 (2010-04-27):
• SEF url support has been improved (uses very robust logic to determine the best Itemid to use for each link, which is what determines how your SEF urls will appear).
• The module has been refactored to use the standard J!1.5 MVC structure, and the html it outputs can now be overridden by a template output override.
• New features of this version include the option to control what levels the menu displays (i.e., top-level only, 2nd to 3rd level, etc).