A few of you might remember this site http://www.thinktankcd.com which has its pros and cons but for the most part I’m happy with.
I’m now thinking about adding more info to each ‘page’ and would like to do it in the form of a ‘more information drawer’ at the bottom which will open and close when a trigger is clicked. Moo accordion isn’t compatible with the carousel used, and I’ve tried the scripty accordion but I can’t get it to close once it’s open (it’ll just be a H2 and a Div containing all the info). Either way, I need to be able to place it in the carousel so the info changes with each ‘page’. Can the scripty accordion do this? if not, any other suggestions?
If you have an accordion inside of a carousel, the carousel will need to be whatever height your entire (expanded) accordion will be, otherwise the accordion will be clipped off by the “frame” of the carousel. As far as getting the ScriptyAccordion to allow you to close an element, just set it to “Show Element open when page loads: None” and “Show only one element at a time: off” and it should be entirely under your control. A click will open it, and another click will close it.
Walter
On Jan 11, 2012, at 12:14 PM, neil.west1 wrote:
A few of you might remember this site http://www.thinktankcd.com which has its pros and cons but for the most part I’m happy with.
I’m now thinking about adding more info to each ‘page’ and would like to do it in the form of a ‘more information drawer’ at the bottom which will open and close when a trigger is clicked. Moo accordion isn’t compatible with the carousel used, and I’ve tried the scripty accordion but I can’t get it to close once it’s open (it’ll just be a H2 and a Div containing all the info). Either way, I need to be able to place it in the carousel so the info changes with each ‘page’. Can the scripty accordion do this? if not, any other suggestions?
I was running an out of date action which I was why I couldn’t figure out how to make the accordion work properly - it’s working fine now thank you.
Now part two of the question: Because the ‘trigger’ has to be visible all the time at the top of the accordion, it can be seen scrolling across the bottom of the page within the carousel, which catches the eye instead of looking at the image scrolling across at the top. So, the question is, is there any way around this? Can the accordion be triggered by any other means i.e. by a ‘see more info’ link in the body copy higher up the page.
Basically, the only thing I want to scroll across the screen is the image at the top, but I need to have the extra info hidden in a drawer at the bottom with some form of ‘fixed’ trigger.
Again, I think the answer to this is going to be ‘no’.
Not from within the accordion itself, but you could always set the accordion to show its first element by default, and then use Target Show/Hide and a remote trigger element (with Rollover) to show and hide the entire box containing the accordion effect. This would have the result that the box was initially entirely hidden (and thus not scrolling across the page) and then you reveal it from a click elsewhere.
I may have lost the thread of what you’re trying to accomplish here, though. If you have (or could make) a mockup with two pages: one showing everything hidden and another showing the reveal, then I might be able to suggest something else.
Walter
On Jan 31, 2012, at 4:36 AM, neil.west1 wrote:
Can the accordion be triggered by any other means i.e. by a ‘see more info’ link in the body copy higher up the page.