I have an animation that consists of five buttons, each initiating a timeline that reveals a text box, pauses, then animates it away. I have one approach for desktop, and one for mobile (phone only so far). Each has a problem I can’t figure out. I don’t know if they’re related, except that they’re both happening to the same file.
Upon click, the box takes its shape, and is populated by content, at which frame the timeline pauses. The box is offset enough to be able to click another choice, which causes the visible text box to continue its timeline and animate off the screen while the next choice is animating on.
Problem: The first click of any button causes all five to animate on. The next click clears them away, and the problem doesn’t return.
A different approach here: I have a standard dismiss X with each open box, which lets the box fade out (continue timeline), clearing the screen to make a new choice. (Note: I hid the big choice buttons when a text box is open, to keep the user from accidentally tapping one.)
Problem: When I click on a choice high in the menu order after having clicked on a choice low in the menu order, the dismiss X button doesn’t work.
I have included the file in question. woofsloganmenu.hype.zip (2.2 MB)