Comments on: Accordion Tutorial on NETTUTS

By: Kyle

Kyle — Sat, 01 Nov 2008 07:19:02 +0000

Brian - how can i make your accordian so that all menu options are closed on load? I have tried everything that I know and I cant get this to work. I want it so that all visitors have to click on an option prior to any content being shown. Thanks in advance man. Sorry to bother you as well.

By: berwanger

berwanger — Tue, 21 Oct 2008 02:01:52 +0000

Thanks, Brian.

Sounds viable. I’ll give an onComplete a try.

By: Dario

Dario — Wed, 15 Oct 2008 19:30:05 +0000

Nevermind..figured it out..duh!

Again..very nice!

By: Dario

Dario — Wed, 15 Oct 2008 00:02:11 +0000

This is the best “accordion” tutorial I’ve seen!!

One question, how do I make the first pane be default instead of the second?

Great job!!

By: Brian

Brian — Mon, 13 Oct 2008 19:58:45 +0000

Running script on the dom:loaded event is really only ensuring that the DOM exists when the script is run. If you’re adding that node to the DOM via ajax, simply instantiate the accordion as part of your Ajax callback after the nodes have been added to the DOM.

By: berwanger

berwanger — Fri, 10 Oct 2008 21:56:48 +0000

Hey, Brian:

This is a great tutorial. I’ve been looking for a good Scriptaculous/Prototype accordion.

One question though … I’m trying to display an accordion inside a section that’s being added through Ajax. It’s an invisible tab with an accordion on it.

So onload there’s no “test-accordion” id in the dom.

What would you recommend … appending the header on the ajax call?

Any thoughts would be helpful.

By: D. Robert Pease

D. Robert Pease — Fri, 29 Aug 2008 13:55:26 +0000

I loved this tutorial. Very easy to follow, and great results.

Now if you could only do a tutorial on creating modal windows with scriptaculous and prototype.

By: Ibrahim

Ibrahim — Sun, 22 Jun 2008 11:04:11 +0000

Hi Brian
All the accordion-content divs take the tall of tallest one plz is any modify to let every div take only its tall and thanks for your sharing .