Dezinerfolio

Simple Javascript Accordions

Your rating: None Average: 4.5 (804 votes)
Virtual Img: 
One Line Description: 
Lightweight Accordion JS

Javascript accordians have been used a lot in todays web design world. There are a lot of scripts we have seen and sure you too would have seen them.

We hope our script is one of the smallest accordion script which is extremely simple and easy to integrate. Does’nt require any framework and fully cross-browser compatible.

  • The SMALLEST Accordion Javascript ( 1,149 bytes )
  • Easy Integration.
  • Does’nt require any Framework.
  • Can be used as a Tab system ( sample in the demo )
  • Fully Cross-Browser Compatible
  • Source Files Included.

Below is the snippet to control the accordion.
<body onload=”new Accrodian(’my-menu’,5,’heighlight’);”>

which is in form of:
<body onload=”new Accordian(’container of your accordion’,speed,’highlighted accordion class name’);”>

AttachmentSizeHitsLast download
Simple Javascript Accordions8.14 KB1024509 min 14 sec ago

Comments

Anonymous's picture

What a great script! Very nice looking and easy to customize!!

I created my own accordian and it is perfect; however when I go to place it on the page where it belongs and insert the DOCTYPE statement my entire web page becomes misaligned with tables and text. Any suggestions?

Mike (not verified)
Wed, 01/27/2010 - 06:51
Anonymous's picture

good

hover (not verified)
Thu, 11/12/2009 - 22:28
Anonymous's picture

Thank you so much! :)

Leslie (not verified)
Fri, 11/06/2009 - 22:19
Anonymous's picture

Wow this is great and it works like a charm. Thank you!

Mark (not verified)
Mon, 10/26/2009 - 09:53
Anonymous's picture

Don't know if anyone else ran into this, but I was having a problem with the code in IE. I was getting a "Function Expected" error. I ended up changing the name of the function called "ex" and now it's working fine. I dunno if this was the best way to solve it or not, but it seems to have worked. I'm just posting this in case anyone else runs into it. Sorry, if this is redundant info - I didn't have the time to run through 50+ pages of comments :)

ML (not verified)
Thu, 10/22/2009 - 08:41
Anonymous's picture

Thanks for your share.

phuongvh (not verified)
Wed, 10/21/2009 - 10:47
Anonymous's picture

I try to put some AJAX in accordion_child, but the problem is the height is not automatically modified, so, I can't see full text of new modified contents.

Any solutions?

jazman (not verified)
Fri, 10/09/2009 - 04:58
Anonymous's picture

Still having problem with IE. The accordion child windows keep on jumping up and down in IE. Works smoothly in FF and Chrome. Any fixes for IE???

Prathz (not verified)
Tue, 09/29/2009 - 03:29
Anonymous's picture

Hi !
Me too, i've a problem with IE... You can see my problem here : http://anonym1.images.steelsm.com/images/125475953826yxjwp.bmp ...
What can I do ?!

Maybe you can help me with MSN ; my MSN adress is gaffe@live.fr ! :)

Anonymous (not verified)
Mon, 10/05/2009 - 08:19
Anonymous's picture

Nice one.
google

Anonymous (not verified)
Mon, 09/28/2009 - 22:50

Post new comment

The content of this field is kept private and will not be shown publicly.

Visualize