Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums JavaScript Contact Information Hover Effect

  • This topic is empty.
Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • #42976
    srikarg
    Participant

    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.

    Thanks in advance!
    -srig99

    #126084
    dfogge
    Participant

    i think i fixed your hover issue: http://codepen.io/derekfogge/pen/xhgpr

    see also: http://api.jquery.com/stop/

    #126085
    JohnMotylJr
    Participant

    @srig99 : .stop() works like a charm :)

Viewing 3 posts - 1 through 3 (of 3 total)
  • The forum ‘JavaScript’ is closed to new topics and replies.