Dropdown
Mar 18, 2013
By
Jin Hiya
Hi
How can I make a dropdown appear and disappear as the user clicks on the end of it? I created a tab on the base layer and set it up so that as the user clicks on the tab, the dropdown, which is set up on another layer, appears with the fly-in effect. Now, I want the user to click on the tab and make it disapper with the fly-out animation effect. If I apply the "hide this layer" trigger to the layer, it essentially works but the transition appears jerky. How do I appy the fly-out animation effect to it and make it work? Thanks for your help!
3 Replies
Jin;
A while back I did something like this by adding an exit layer that did the fly out and then closed when the timeline was done. There was some reason I didn't keep using it but I cant remember why right now.
Tim
Hello Jin,
You can duplicate the layer where your menu is and put your exit animation there. So basically.. you will have 2 layers 1 with the entrance animation and the other one with the exit animation.
On the Exit Animation layer - make sure to add a trigger to hide the layer when timeline of the layer ends. Set the timeline around how much it takes to finish the animation.
Make sure that both layers are set to reset when revisiting.
See attached.
Donna
Tim & Donna
I got it to work following your advice!! Thank you, guys!!
This discussion is closed. You can start a new discussion or contact Articulate Support.