Hello, I am trying to implement a simple effect where a link fades in when a parent span element is hovered over. Here is the pen on CodePen: http://codepen.io/srig99/pen/iEzny. Try hovering over the multiple span elements repeatedly and then stop. You'll notice that the animations continue and do not stop until all of them are executed.
Also, notice the extra padding on the a element in the color #ccc. I did not intentionally add this padding and need it removed. Can you guys please help me fix this padding issue and the animation issue? I want the padding removed somehow and I would like to figure out how to stop the animations for all the other span elements if one span element is hovered over.
Hello, I am trying to implement a simple effect where a link fades in when a parent
spanelement is hovered over. Here is the pen on CodePen: http://codepen.io/srig99/pen/iEzny. Try hovering over the multiplespanelements repeatedly and then stop. You'll notice that the animations continue and do not stop until all of them are executed.Also, notice the extra padding on the
aelement in the color#ccc. I did not intentionally add this padding and need it removed. Can you guys please help me fix this padding issue and the animation issue? I want the padding removed somehow and I would like to figure out how to stop the animations for all the otherspanelements if onespanelement is hovered over.Thanks in advance! -srig99
i think i fixed your hover issue: http://codepen.io/derekfogge/pen/xhgpr
see also: http://api.jquery.com/stop/
@srig99 :
.stop()works like a charm :)Thank you so much @dfogge and @JohnMotylJr!