This example demonstrates how to use an accordion interaction to give learners the lowdown on a specific topic without much space.
Published 7 years ago
Version 1.0
Blog Post
22 Comments
- Is this available for download, Richard?
- Patti,
Not at the moment. This was just something I put together quickly. Let me take a look and see what I can do. If I can make it for download, I'll come back and provide a link here.
Thanks for asking!
Richard
- Love this - simple, yet elegant design.
- Hi Richard,
Accordion controls are always a great way to reduce clutter on a page and you created a great example. One way to "kick it up a notch" is to add an up or down symbol showing which tabs are open and which are minimized. Learners will quickly recognize what's going on. Although my example uses a third-party control in WordPress, I'm sure you can duplicate it with Storyline. See my example at the following URL and then jump to the Read More section. Notice the up/down arrows next to each tab title.
http://www.backroadswest.com/anza-borrego/the-slot
Cheers,
Cliff- Cliff,
Thanks for the feedback!
I'll loop back on this one and do an update as soon as I get a chance. It's summer here in the U.S. and I'm pounding out tons of client work and trying to get ready for a quick vacation. When I get back, I'll make some modifications to it.
Richard
- Thanks Richard! This is really amazing!!!
- Hey! I really like the looks of this. Great work. KP
- This is really cool.. how did you create this? :)
- Hebe,
Anthony is correct. The animations are simple "Move" animations/motion paths when the timeline starts.
I took the photo of the BLUE and GOLD MACAW on a recent trip to the Oregon Zoo.
Richard - If i'd have to guess I'd say that when the menu is clicked, the menu layer opens and the individual menu options are triggered to travel on motion paths that begin at the same point but terminate at their specific final positions...that's how I'd do it anyway.
- Very nice!!!
- Thank you Carol!
- it's really cool..
- Thank you Sandy!
- Hi Richard,
This is really a great work!!! - Elegant design! Thanks for sharing.
