Blog Post
NancyWoinoski
9 years agoSuper Hero
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
- Anne-Seller9 years agoCommunity MemberVery 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!
- NancyWoinoski9 years agoSuper HeroThanks so much Anne.
- joshstoner9 years agoCommunity MemberI like this approach too, these are more fun to click around on with them being independent in their motions.
- NancyWoinoski9 years agoSuper HeroThanks 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.
- jeff9 years agoCommunity MemberLove how the layers slide over one another. Awesome!
- NancyWoinoski9 years agoSuper HeroThanks Jeff!
- MariaGinsbou3048 years agoCommunity MemberVery cool. Would love to see the source file.