Skip to main content

Bug Tracker

Side navigation

#6772 closed bug (fixed)

Opened July 07, 2010 08:04AM UTC

Closed April 17, 2011 08:22PM UTC

$.slideToggle() & $.hover() animation issues

Reported by: AP Erebus Owned by:
Priority: high Milestone:
Component: effects Version: 1.4.2
Keywords: slideToggle, hover Cc:
Blocked by: Blocking:

This is an issue I raised on StackOverflow at:

Basically is that when trying to use slideToggle() with hover() you get the animation queuing. I attempted to remedy this with stop() but this then caused the animation to stop working. The SO post contains a lot more info.

This JSFiddle: contains the code that doesn't work.

I'm using Chrome 6.0.453.1 dev, but this error occurs in IE8 as well.

Attachments (0)
Change History (4)

Changed October 03, 2010 11:10PM UTC by addyosmani comment:1

need: ReviewPatch
priority: → undecided

I've tested this in Chrome 6.0.472.62 and the behavior is as follows:

Hovering over the item, the animation works fine for the first few attempts but on subsequent hovers it begins to fail to the point where what is slid down is a fraction of the correct height/size. May be a bubbling issue.

Having run the test a few times, it would appear that this behavior is semi-consistent.

Flagging for patch.

Changed October 18, 2010 12:05AM UTC by snover comment:2

priority: undecidedhigh
status: newopen

Changed February 08, 2011 06:51PM UTC by anonymous comment:3

I think this bug occurs where the previous animation is not 100% complete the system believes the original height is a fraction of what it actually is. Only fixes I have found so far are to 1) make sure your animations are very short, so it is more likely the animations complete; 2) make your fadeOut / callback function instant - use hide() instead of slideUp for example

Changed April 17, 2011 08:22PM UTC by timmywil comment:4

milestone: →
resolution: → fixed
status: openclosed

Again, stop(true, true) fixes this issue, but see #8685.