[jQuery] slideup/slidedown flicker

[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