[jQuery] slideup/slidedown flicker

[PJ]

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