My goal is to create a dynamic animation effect on a string when a user hovers over it. This involves turning the string into an array and applying different animations to each letter. Although the animations are working perfectly, I'm facing one issue.
When I hover over the element for a second time (mouseenter), the code reveals all the tags within the hovered-upon element as follows:
See the code snippet below. If you hover over the name twice, you will encounter the problem. Any suggestions on how to resolve this?
JSfiddle:
.
.
.
.