CODEWITHSUNDEEP
javascriptjquery
Steven Tilling
Steven Tilling

Reputation: 3

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>&nbsp;</p>
</div>
<script type="text/javascript">
$(document.body).click(function () {
    $('#tablemin').slideUp('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.

Upvotes: 0

Views: 650

Answers (2)

superfro
superfro

Reputation: 3302

It flickers because of the javascript error caused by this line

<input type="button" onclick="test()">

I don't see a test() function

Upvotes: 1

cadaa
cadaa

Reputation: 192

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.

Upvotes: 2

Related Questions