Comments on: Elegant Accordion with jQuery and CSS3

By: toledoml

toledoml — Sun, 11 Dec 2011 18:14:29 +0000

Thanks for your help. I´ve modified some measures and i´ve do my elegant accordion with my background here
http://www.artedigitalia.es/

By: Amit

Amit — Fri, 02 Dec 2011 12:47:46 +0000

Hi Mary Lou, Great work!

But how if i want the accordion to slide automatically? Any idea? Thanks.

By: matt

matt — Thu, 17 Nov 2011 22:20:10 +0000

thanks for the great example. I’ve been having 2 problems with it.
1 – When the area that the accordion expands out to and covers up contains a link, i cannot click it even when it’s not covered up (works in IE though…)
2 – in IE, when the accordion closes it leaves vertical lines in the space it had expanded to, speeding up the animation gives me fewer lines, but I still get some.

By: Nico Boots

Nico Boots — Thu, 03 Nov 2011 16:30:55 +0000

I can add to my previous comment that transferring the files to my server, using the ftp-client in Dreamweaver, does not present any problem. The accordion works fine. But then why not on the local server, ie. my PC?

By: Nico Boots

Nico Boots — Thu, 03 Nov 2011 10:25:52 +0000

Hi, Mary Lou

I am a novice in CSS3 and Jquery but I really do like your design and I would like to use it, but it seems to be that in Dreamweaver CS3 (the program I use for designing a website) testing your code on the local server (XAMPP) ends up in a page in Firefox with the message “IT WORKS”. However, when I in Firefox or IE just open index.html, I can see the page and the accordion working properly! Is this caused by Dreamweaver or is there another explanation for this behavior?

By: selinav

selinav — Thu, 27 Oct 2011 12:53:47 +0000

What is the min version of jquery library ?

By: Marcus Kauth

Marcus Kauth — Sun, 23 Oct 2011 08:36:25 +0000

Hey… This is really a great design !! Thanks a lot !!

I just have one recommendation with the css-file: ul.accordion li.heading {padding: 10px} could be better padding: 10px 0: otherwise you have a small space problem with larger headers…

but this just as a very small note to a great work…!!

By: Jessica

Jessica — Thu, 20 Oct 2011 10:09:11 +0000

Hi Mary Lou, Great work!

But how if i want the accordion to slide automatically? Any idea? Thanks.

By: CHRIS IGE

CHRIS IGE — Mon, 03 Oct 2011 19:58:32 +0000

Cheers.. ML

By: Mary Lou

Mary Lou — Mon, 03 Oct 2011 14:16:08 +0000

Hi Chris, yes sure, you can use this in you projects. Cheers, ML