[jQuery] slideup/slidedown flicker
I have seen this issue raised before but I haven't seen an answer to
the issue yet for v1.2.1. If the answer does exist then please let me
know and apologies for missing it - but just in case.....
I get a flicker when i use slideUp immediately after the element
should disappear. This ONLY happens in IE6.
The flicker also occurs just before I then use slideDown to replace
the lement that was closed.
So two flickers showing the underlying content. The process goes...
div slideup -> closed div flickers -> to open div flicker -> to open
div slides down.
It works perfectly in FF1.5+. I haven't tested in any other browsers
yet.
The code:
$("#loader")
.animate({opacity: 1.0}, 3000)
.slideUp(1500, function(){
$("#loaded:hidden").slideDown(1500);}
);
**I have tried all sorts of pauses in the code (using animate) to make
sure enough time is allowed for the closed div to go button no
change**
The HTML:
<div id="loader" align="center">
<div class="tab-pane-header">Generating Documents</div>
<div class="tab-pane-loader" align="center">
<img src="../loader.gif" />
</div>
</div>
<div id="loaded" style="display:none; ">
<div class="tab-pane-header">Heading</div>
<div class="tab-pane-para">....</div>
<div class="tab-pane-header">Another Heading</div>
<div class="tab-pane-para">.....</div>
</div>
If anyone has any ideas I would be very greatful.
Thanks
PJ