I have a client whose website I built in FP5 but since it went live he has successfully updated it himself by editing the html code.
He now would like a new FAQ page added to the site with an accordion-style UI and my obvious choice for this would have been MooTools however he is looking to do the future editing (adding questions etc.) himself and this is quite daunting.
Does anyone know of a simple accordion that is also friendly. It doesn’t have to be as sexy as something like MooTools but it does need to editable by the client who is not experienced in Javascript.
Just a simple expand and contract without the fade effect would be fine.
This is part of a re-design project which will be carried out in freeway.
The ScriptyAccordion is based on very simple HTML:
(div)Outer container (that you apply the Action to)
(h3)Header text here
(p)Expando text here,
(h3)Another header
(p)More Expando
...
(/div)
All the magic happens in the JavaScript, which is generic and
unobtrusive (not based on the actual content or page structure).
You’re not limited to H3 and P tags only – you can choose any pair of
dissimilar tags for your head container and expando container in the
Action interface.
Walter
On Aug 15, 2011, at 8:29 AM, MarkSmith wrote:
He now would like a new FAQ page added to the site with an accordion-
style UI and my obvious choice for this would have been MooTools
however he is looking to do the future editing (adding questions
etc.) himself and this is quite daunting.
Precisely. The JavaScript runs once at page load and “decorates” the
HTML with behaviors (hides the expandos, makes the headers clickable,
etc). As long as the HTML in that box follows the recipe, it will get
the behavior without any JS fiddling required.
Walter
On Aug 15, 2011, at 9:51 AM, MarkSmith wrote:
Thank you Walter.
Does that mean that when he wants to add another question, he only
has to edit the HTML without having to touch the Javascript?