Comments on: Animated JavaScript Accordion V2

By: Hans

Hans — Sat, 28 Feb 2009 09:33:51 +0000

Just what I needed for a collapsable menu structure. (CMS and backstage)

Thanks!!!

By: Mike

Mike — Thu, 26 Feb 2009 21:45:03 +0000

Thanks a ton! Best accordion on the web. Great code, working fantastically! Uber Kudos.

By: blue

blue — Tue, 24 Feb 2009 20:30:08 +0000

Can anyone tell me how to use this to make nested accordions?
Great script! If i could get it to have multiple levels, 3 or 4 ideally it would be a lifesaver.
Thanks.

By: las6

las6 — Wed, 18 Feb 2009 18:55:08 +0000

ah, figured it out finally. Had to put the initialization at the very end of the page, otherwise the layout wouldn’t render properly leading to erroneous sizes in the sliding elements…

By: las6

las6 — Wed, 18 Feb 2009 18:46:16 +0000

a Nice addition to anyone’s library of goodie javascript scripts, but not all is well with it. The use of Definition list puts constraints on the content and doesn’t behave very well in all circumstances.

It might be my code, but the javascript calculated height for the elements is off – it’s always less than what it should be, though the amount varies from block to block. Thing is, I have disabled most of the CSS affecting the list and validated the page using tiny and tried all sorts of tricks with firebug that seem to fix the problem (but if I make the same changes to the CSS, the problem is still there)

so does anyone here have any idea where to start when trying to get the elements to the correct size when opened?

By: Satya

Satya — Sat, 14 Feb 2009 12:07:12 +0000

Hi there, awesome job, thank you very much, but seem nae working with IE 7, open at start, so i closed it, and wont open (expand) again, any help would be appreciated….thanks again…oh but it would working perfectly with FF…:)

By: Kristin

Kristin — Fri, 13 Feb 2009 19:59:09 +0000

If this could go horizontally you would be my hero

By: mores

mores — Wed, 04 Feb 2009 18:40:09 +0000

okay, found it.
change line 14 from

if(h==d&&s.style.display==’none’){s.style.display=”; su(s,1);}

if(h==d){s.style.display=”; su(s,1);}