I have produced an accordion using Mootools. (I used M.T. as I needed the drawers to close automatically when another is clicked). My question is… is there a way of making one drawer open when the page opens and the shut automatically if any of the other drawers are clicked??
The only way I can get close to what I need is by putting the drawer into another group… but this doesn’t close when any of the others are clicked. If I put it in the same group as the others… then either they all open or all close.
Hope this makes sense. Thanks for your help in advance.
I have a (non-Moo) ScriptyAccordion Action you could try. It was designed for just this purpose (accordions that leave only one part visible at a time), so it might be right up your alley. Look on ActionsForge.
is there a way of making one drawer open when the page opens and the shut automatically if any of the other drawers are clicked??
To answer the MT portion of the question, the option ‘Open on Page Load’ is available in each Accordion instance. This option is synchronized between items in the same group. Items without a defined group operate independently of all other accordions.
In the Action interface for Accordion:
Advanced mootools options
–Open Accordion on Page Load
–(if the item is part of a group) Open this item on page load
The other option ‘Remember State’ will seem to override this opening if you are constantly viewing in a browser. As the cookie is forcing open the previous accordion, and ignoring the default opener.
Many thanks for your response… I am afraid I won’t be able to try this till later but if I get this right, by clicking on “Open this item on page load”… whilst it is part of the same group this won’t affect the rest of the group!?
The option ‘Open on Page Load’ basically simulates the user having clicked on that accordion item.
So the normal accordion behavior of ‘one-open, others-closed’ would still apply to the group as a whole. The above option is simply declaring the ‘one-open’ item explicitly.
Within the Action interface, in the FW design-space, that setting is automatically propagated to the other Action items in the same group. So no two items could possibly have that option ticked (ticking one will automatically un-tick any others).
Hopefully, I haven’t just caused more confusion : )