Opened 13 years ago
Closed 12 years ago
#6772 closed bug (fixed)
$.slideToggle() & $.hover() animation issues
Reported by: | AP Erebus | Owned by: | |
---|---|---|---|
Priority: | high | Milestone: | 1.next |
Component: | effects | Version: | 1.4.2 |
Keywords: | slideToggle, hover | Cc: | |
Blocked by: | Blocking: |
Description
This is an issue I raised on StackOverflow at: http://stackoverflow.com/questions/3177446/slidetoggle-hover-animation-queue-issue
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: http://jsfiddle.net/SNhky/ contains the code that doesn't work.
I'm using Chrome 6.0.453.1 dev, but this error occurs in IE8 as well.
Change History (4)
comment:1 Changed 12 years ago by
need: | Review → Patch |
---|---|
Priority: | → undecided |
comment:2 Changed 12 years ago by
Milestone: | 1.4.3 → 1.5 |
---|---|
Priority: | undecided → high |
Status: | new → open |
comment:3 Changed 12 years ago by
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
comment:4 Changed 12 years ago by
Milestone: | → 1.next |
---|---|
Resolution: | → fixed |
Status: | open → closed |
Again, stop(true, true) fixes this issue, but see #8685.
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.