Comments on: Build a Slick and Simple MooTools Accordion

By: Konrad

Konrad — Tue, 09 Mar 2010 13:22:33 +0000

Hi David,
Thanks for this great script. I believe someone mentioned before that the script won’t work if You use latest mootools release – 1.2.4. Any ideas why? Will be grateful for any help

By: Stuart McCoy

Stuart McCoy — Thu, 04 Mar 2010 17:14:34 +0000

I’m using the mootools accordion to create a tabbed navigation element. I went with the accordion instead of a dedicated tab plug-in because of some UI choices the accordion offered over the tabbed UI. Most notable was the ability to turn off all the panels and still have the panel slide open instead of pop open instantly. One issue I do have, however, is the accordion assumes you want to have the panels slide on/off and I’d simply like to have them fade in/out when switching from one to the next. If there a way to override the standard accordion functionality so they fade in/out? Would this affect the way the initial panel opens?

By: Taehee Kim

Taehee Kim — Sat, 06 Feb 2010 15:06:05 +0000

David,

Thanks for all your work, it really gives me a better understanding.

If you but visit http://utweb.selfip.org in Internet Explorer, you can see that my Accordion is messing up. I’ve spent days trying to make this work. I’m currently using MooTools 1.2, referencing your previous post about someone with a similar problem.

The resulting webpage of the javascript on an IE webbrowser yields an incomplete rendering: Clicking on the toggles do some of the things they’re supposed to, but the static result is that the elements are not hidden, the way they’re supposed to be. In fact, all of the elements, regardless of the togglers’ statuses, are constantly in view in Internet Explorer.

All the other browsers work fine. I just need help with this one part. I’m just hoping you could provide me with some help.

Thanks again for your work, also thanks in advance.

-Taehee Kim

By: Taehee Kim

Taehee Kim — Sat, 06 Feb 2010 15:03:52 +0000

David,

Thanks for all your work, it really gives me a better understanding.

All the other browsers work fine. I just need help with this one part. I’m just hoping you could provide me with some help.

Thanks again for your work, also thanks in advance.

-Taehee Kim

By: Mat

Mat — Mon, 11 Jan 2010 08:56:47 +0000

Hi, do you think it’s possible to reinitialize an accordion ? I explain : we use a menu bar with a set of buttons, and each button is suppose to reload the content of an accordion placed in the same page (without reloading the page of course). Thanks for your help !

By: David Walsh

David Walsh — Fri, 06 Nov 2009 01:37:45 +0000

Testing.

By: Mark

Mark — Tue, 03 Nov 2009 14:24:28 +0000

@David Walsh: Hmmm, nope… Must be doing something wrong here because the fontcolor doesn’t change when I try to do it with css

By: David Walsh

David Walsh — Tue, 03 Nov 2009 14:13:56 +0000

@Mark: You can do this with pure CSS — no need for JS.

By: Mark

Mark — Tue, 03 Nov 2009 14:00:13 +0000

Does anybody know how I can change the color of the toggler when a mouse hovers over it?

I cant get it done with css.. .toggler:hover works fine for changing the background color but not for the text inside the toggler class

In the script the 2 lines give color to the active and background elements. Do I need to add something here?

onActive: function(toggler) { toggler.setStyle(‘color’, ‘#FF6600′); },
onBackground: function(toggler) { toggler.setStyle(‘color’, ‘#3D3D3F’); }

By: Mark

Mark — Tue, 03 Nov 2009 09:47:34 +0000

Hi I’m a newbe to all this but should it work on Firefox and Safari…?! In my case it doesn’t… can anybody help me out here?

Thanks

Mark