Why can't I fade out this table row in IE using jQuery?

Posted by George Edison on Stack Overflow See other posts from Stack Overflow or by George Edison
Published on 2010-03-13T02:23:32Z Indexed on 2010/03/13 2:27 UTC
Read the original article Hit count: 403

Filed under:
|
|
|

I can't get the table row to fade out in IE. It works in Chrome, but not IE. It just becomes really 'light' and stays on the screen. I tried IE8 with and without compatibility mode.

<html>
<head>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">

function hideIt()
{
    $('#hideme').fadeTo("slow", 0.0);
}

</script>
</head>
<body>
<table>
 <tr id='hideme'>
  <td>Hide me!</td>
 </tr>
</table>
<button onclick='hideIt();'>Hide</button>
</body>
</html>

Is there a workaround/solution for a smooth fade?

© Stack Overflow or respective owner

Related posts about internet-explorer

Related posts about jQuery