I'm new to both Edge Animate and Javascript/Jquerey so please bare with me if I don't explain this well or with the correct terminology.
Basically what I am trying to do is have a page where when you scroll over a div/symbol, it expands (using the mouseenter action) and then contracts (mouseleave action). I can get this animation to work... sort of - it hiccups when you move the mouse quickly over it, causing the animations to sometimes lock in the wrong state, but the problem I have though, is when I try to add a click to the div.
The idea, in a nutshell, is that when you click on the image, everything on the page fades away and then new content comes in without needing to reload the page. The thing is, everytime the content begins to fade or hide after the click is executed, the "mouseleave" action on the div triggers, resetting the page.
So long story short, is there a way to make a div click disregard all other actions while an animation is going on? I have tried multiple "workarounds" but none of them are great nor are they real easy.
In addition if anyone has any suggestions or advice on making the rollover and off animations not get stuck occasionally when you move the mouse quickly over it, I would also really appreciate that.
Thanks.
-Eric