Problem with jQuery.slideUp
I have a problem with Jquery, it works but it seems to flicker once complete:
Exmaple here:
http://www.zombiewrath.com/maintest.php
Why does it do that?
Here is the code:
<html>
<head>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
</head>
<body>
<input type="button" onclick="test()">
<div id="tablemin">
<table bordercolor="#0000FF" width="670" border="1">
<tr>
<td class="style5" width="400" valign="top" style="width: 300px"><b><u>Personal Feed: </u></b><br>
</td>
<td class="style5" width="355" valign="top"><u><strong>Live Feed:</strong> </u><br>
<div id="ReloadTime3" style="width: 350px">
</div></td>
</tr>
<tr>
<td class="style5" valign="top" colspan="3" style="width: 488px"><b><u>Local news for Zone B-4...</u></b></td></tr>
</table>
<p> </p>
</div>
<script type="text/javascript">
$(document.body).click(function () {
$('#tablemin').sl开发者_StackOverflow中文版ideUp('slow');
});
</script>
</body></html>
*Note, i'm using IE 7, if it doesn't flicker at the end of the slide for you, please say :) -And post which browser...
Why would it flicker in IE 7 =/
Thanks.
Interesting, had the same problem very recently. This also happens in IE6, every other browser deals with it properly.
This is not a real solution but possibly you could use animate instead?
$('#tablemin').animate({height: '0px'},1000);
Make sure you have overflow: hidden on tablemin.
It flickers because of the javascript error caused by this line
<input type="button" onclick="test()">
I don't see a test() function
精彩评论