Interactive HTML5 banner. Hidden copy revealed. How to.

[@russellsdesk]

I am working in Adobe Animate to produce a HTML5 banner. I want to build an interactive banner. There will be 5 bullet points. When a user hovers over a bullet point, it reveals more copy (under that bullet point), and the other bullet points move down. And when they move away, the revealed copy is hidden, and the bullet points (below), move to their initial place. Is this possible to produce?

If it is possible, any how-to guides available?

Thanks

[kglad]

yes, it's possible but do you have any file size limits with this project?

[@russellsdesk]

That's great. No file size limits.

[kglad]

then what's the problem?

[@russellsdesk]

My problem is, I don't know how to build it. 

[kglad]

one easy way for an animate novice would be to create your bullet point menu on frame 1.

then add 5 keyframes with that same menu.

then add this.stop() on frame one and mouseovers for each of the 5 bullet points with gotoAndStop to your other frames.

edit those other frames to show the additional copy in the correct location and add mouseouts wit gotoAndStop(0) to return to your first frame.