[hanashite]

I'm looking for an accordion to be used for navigating an FAQ, and have found several, but being a novice I have a hard time figuring out which one to go for. I have no time to try them all out and neither do I know Javascript, so it has to be simple to set up -hopefully just a matter of cut/paste and easy tweaking for the accordion to function/look the way I want it.

I first decided to go with the Dezinerfolio simple Javascript accordion (no demo there any longer, but have a look on the top right hand side of this page) which still uses it, and spent a lot of time tweaking it, but unfortunately found out that it doesn't do nested buttons (I probably need a couple of levels in order to link to the FAQ's sub and sub-sub sections). So I've searched the web and found a Mootools nested accordion which seems to do what I want. I'm not quite sure what Mootools is, but assume it's the "basic level" Javascript code which can then be used for a variety of different functions on a website without needing a whole new code for everything, right? If this is the case, will it take up unnecessary memory in my case compared to all those other accordions claiming to be very small, or have I misunderstood? What do you suggest I do?

This post has been edited by hanashite: 11 February 2012 - 04:43 PM

[Wickham]

Here's one that is pure CSS:-
http://www.cssplay.c...definition.html
I expect that there are others on the CSSplay menu page
http://www.cssplay.co.uk/menus/
Look at the source code and copy from the head section style tag and the part of the html markup for the menu.