MooAccordion
Version
1.0.3 (last update on Oct 28, 2010)
Rating
Compatibility
Votes
Favoured
26
License
GPLv2 or later
Non-Commercial
Type
Views
54997
Date Added
29 July 2010
{mooblock=Trigger Title (used to trigger the slide)}
Content of the slide block...
{/mooblock}
Features include:
• 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.html 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 a tag. 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.
Note: the title can contain html if desired. If it is wrapped by one html element, that element will be used as the title toggler. Otherwise, it will wrap the title in a <h4> tag. Also, the title cannot contain ‘}’ or the plugin will incorrectly interpret that as the end of the title. Lastly, to create separate accordions, just make sure there is some kind of content (text, a non-breaking space [ ], an empty <p> tag, a <br />, etc.) separating the mooblocks.
Changelog:
------ 1.0.3 Stable [2010-10-28] ------
^ modified JS code to make it fully compatible with Internet Explorer (IE 6 and up)
+ added support for pages with multiple articles display at once (category, section, or frontpage views); accordions will now load properly when displaying multiple articles on the same page
------ 1.0.2a Stable [2010-09-08] ------
^ small modification to accordion JS code to make it validate with the W3 validator
+ made new package update existing plugin (instead of replacing it), so settings are maintained
------ 1.0.2 Stable [2010-08-11] ------
+ added support for creating multiple separate accordions in the same article
^ improved regex performance
Images
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.
This is brilliant and the developer is really helpful too. I had been using the mootools accordion using javascript and it was OK but not easy for me as my editor kept stripping the code. This plugin is very simple to use and very easy to customise the CSS for the look and feel you want. If you are looking for a slick accordion look here. This is the sort of work that makes me proud to part of such a great community. Thank you very much.
Great plugin!!! Very useful for me. Support very quick and clear.
This plugin works great for me except for getting the expanded/contracted icons to show up. I've added the additional css code to my .css file, made sure the url is pointed to the right template directory, downloaded the .png files to the right images folder, but they just don't show up. I've tried Chrome, Firefox, Safari, Opera, and IE browsers but no workie. I've looked at the source code results of the web page one it's rendered and the class="mooblock-title and class="mooblock-el shows up where they are supposed to.
When I view the page in the Firefox developer tools they show up though. I'm going to send the author an email to ask if he's experienced this.
Works great otherwise.
When I view the page in the Firefox developer tools they show up though. I'm going to send the author an email to ask if he's experienced this.
Works great otherwise.
This is a beautiful plugin. Works right out of the box. But there is one issue: For me, it doesn't work in Internet Explorer. I'm not faulting the plugin 'cause it may just by my template, but I did switch to Purity and it still didn't work. Maybe there's a conflict somewhere along the line on my side.
Never-the-less, the plugin works fantastic in everything except for IE. But honestly, I'm tired of spending SO MUCH TIME fixing every little thing just for Internet Explorer that I don't care anymore.
I'm using this great plugin anyway! Great job devs!!!
Never-the-less, the plugin works fantastic in everything except for IE. But honestly, I'm tired of spending SO MUCH TIME fixing every little thing just for Internet Explorer that I don't care anymore.
I'm using this great plugin anyway! Great job devs!!!
Owner's reply
Thanks so much for the feedback! You were correct about it being broken in Internet Explorer (I also feel similarly to you about fixing stuff for IE, which is probably why I neglected to test the plugin with it). However, I bring good tidings: MooAccordion 1.0.3 fixes that problem by reworking the javascript that was causing the accordions to break. Enjoy!
