<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!"); });

});

});

</script>

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.