Comments on: Mootools Slide Effect: expand all, collapse all or use as accordion

By: Alex

Alex — Wed, 18 Jun 2008 08:16:46 +0000

That’s it, seems that there is nothing further to contribute here - I’m closing the comments.

By: Liam

Liam — Wed, 18 Jun 2008 01:54:19 +0000

Hi,
Nice code but I have been looking to replace + and - and you can do this fine with text but in terms of the accordion when you want to say use - View ^ with ^ being a down image for view and Close ^ being up to close if you set two variables for view and close and in them have say ‘close ‘ while replacing close will show the image and function correctly if you try and add an image in terms of the view the code works but the close view switching breaks.

Any ideas? I was thinking going old school a little and instead of doing innerHTML you could do document.write and replace instead which would solve the problem but that means a full re-write in terms of the span.

One good feature to add to this though is display:block; to the h3 or if you change it to a div etc that way the whole bar basically would be a link and it feels a bit more user friendly.

By: xphr

xphr — Fri, 06 Jun 2008 13:25:25 +0000

This comment thread scares me. I feel like a lawyer or doctor where there are twice as many no-nothings fronting as developers as there are actual developers. Please stop abusing MooTools, it is a great framework, but all of you knuckleheads are going to give it a bad name. Accordions inside of accordions? Come on, stop being ridiculous and learn how to code a basic static page before you go copy/pasting effects all over your sites. Alex, you’re a man among boys.

By: Harry Walter

Harry Walter — Thu, 05 Jun 2008 13:33:55 +0000

Hi,

Great work, exactly what i was looking for! I’ve been building an entire site based around Mootools to provide an interactive user experience and your code helped me finish off the bits i couldn’t work out.

Regards Harry

By: Jess

Jess — Tue, 03 Jun 2008 05:46:01 +0000

Wow what a great example! Thank you for putting it together for us. And that’s very useful cookie code Andrew, thanks!

I have a question: I know you can toggle a single div to show all or none of the content. But is it possible to have part of the div showing at all times, say the top 40%, and the rest hidden until toggled? I know the bottom part can be a separate div but for me it has to be only one div. Is that possible do you think?

By: hOtTiGeR

hOtTiGeR — Sun, 25 May 2008 21:24:24 +0000

Hi,

I see how you have the + / - change when you click the heading.

Is there a way to use a background image on a span or even an image tag via and have an image change when you click the heading?

Thanks

By: Jonah Dempcy

Jonah Dempcy — Fri, 16 May 2008 23:49:00 +0000

I see you use the traditional onclick assignment for registering click event handlers. Any particular reason why you don’t use MooTools addEvent()?

Incidentally, I wrote an article comparing MooTools’ mouseenter and mouseleave events to core JavaScript onmouseover and onmouseout, respectively:

http://www.thetruetribe.com/2008/05/mootools-mouseenter-and-mouseleave.html

By: mike

mike — Thu, 08 May 2008 11:09:31 +0000

Great code!
Is it possible to have the url of the list based FAQ section to see your work please.
Thks

By: Andrew W

Andrew W — Thu, 08 May 2008 10:44:43 +0000

Ah i found the problem. One of my inner content areas had content floating left which for some reason makes it disappear (Fixed by putting content into nested tables.) and the other was due to a length in my css file. Thanks Alex.

By: Alex

Alex — Thu, 08 May 2008 09:28:45 +0000

Andrew, there are no limits, the script adjusts to dimensions automatically. My guess is that something is wrong with your CSS.