Accordion Interactions in E-Learning #147: Challenge | Recap
Accordion interactions are so easy to build you can use anything from PowerPoint to Storyline. Let’s look at a popular example f...
Published 9 years ago
Version 1.0
Blog Post
Here is my attempt. I created a true/false variable for each accordion tab and then created a trigger to toggle the variable from true to false each time the accordion tab was clicked. I then created 2 motion paths for each tab to move the tab back and forth based on the value of the variable.
I used motion paths because I wanted the tab to glide smoothly in both directions.
http://pinchedhead.com/free_courses/accordion/story_html5.html
I used motion paths because I wanted the tab to glide smoothly in both directions.
http://pinchedhead.com/free_courses/accordion/story_html5.html
- Very cool, Nancy! The tabs really glide well and you can really watch them go if you click all four tabs at once. ;) Nice design too!
- Thanks so much Anne.
- I like this approach too, these are more fun to click around on with them being independent in their motions.
- Thanks Josh, I didn't even think to have them move together until I saw the ones that you and Dan did. I put mine on layers. I have a feeling yours is all done on the base layer.
- Love how the layers slide over one another. Awesome!
- Thanks Jeff!
- Very cool. Would love to see the source file.
