Skip to main content

Bug Tracker

Side navigation

#4483 closed bug (worksforme)

Opened April 03, 2009 03:51AM UTC

Closed November 22, 2010 04:56AM UTC

animate() on td doesn't work on IE8

Reported by: darkthread Owned by:
Priority: major Milestone: 1.4
Component: effects Version: 1.3.2
Keywords: animate ie8 Cc:
Blocked by: Blocking:

<table border="1"><tbody><tr><td>TD1</td><td>TD2</td></tr></tbody></table>

<script type="text/javascript">

$(function() {

$("td").click(function() {

$(this).hide().fadeIn(2000, function() { alert("td done!"); });




When there are more than one td in table, the fadeIn() or animate() doesn't work and finish immediately in IE8, no matter the duration setting, but no such issue in IE7 or Firefox. In the above case, click TD1 will hide the TD1 and get "td done!" right away, then TD1 won't show up again. After that, TD2 is the only td in table, then fadeIn() works fine.

Attachments (1)
  • test-4483.html (0.4 KB) - added by dmethvin August 13, 2010 01:29AM UTC.
Change History (5)

Changed June 12, 2010 05:57PM UTC by dmethvin comment:1

component: unfiledfx
resolution: → fixed
status: newclosed

This seems to have been fixed in 1.4.

Changed August 10, 2010 09:47PM UTC by Funka comment:2

resolution: fixed
status: closedreopened

I have just tested this exact repro on IE8 using jquery 1.4.2 minified, and the bug as described still exists.

Changed August 11, 2010 12:29AM UTC by dmethvin comment:3

I should have attached my test case, which I can't find now. Can you attach a complete test case?

Changed August 13, 2010 01:29AM UTC by dmethvin comment:4

Test case attached; it's still broken.

Changed November 22, 2010 04:56AM UTC by snover comment:5

resolution: → worksforme
status: reopenedclosed

This should be fixed in 1.4.3 with the introduction of :visible fixes and my patch to stop setting the display CSS property to block. Reopen if not.