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.
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’);”>
| Attachment | Size | Hits | Last download |
|---|---|---|---|
| Simple Javascript Accordions | 8.14 KB | 102450 | 9 min 14 sec ago |
Comments
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?
good
Thank you so much! :)
Wow this is great and it works like a charm. Thank you!
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 :)
Thanks for your share.
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?
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???
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 ! :)
Nice one.
google
Post new comment