[jQuery] CYCLE plugin - text displaying before page fully loaded

[JoeR]

Hello all,

I'm using the Cycle plugin as an automated slideshow on my homepage.
Instead of images, I'm using text.

The problem is that while the entire page is loading, the text for the
slideshow displays for a fraction of a second in-place. Then Cycle
kicks in, and the slideshow starts.

I would like the slideshow div to be blank while the rest of the page
loads (before the slideshow starts) -- and I can't figure out how to
do that.

Thanks for any suggestions.

[code - Javascript]

                $(function() {
                    $('#opener').cycle({
                         fx:  'fade',
                         timeout:  3500,
                         speedIn:  1000,
                         speedOut:  500,
                        autostop:  1,
                        });
                });

[code - HTML]

    <div id="opener" class="opener">
        <div><p><strong>Sample text.</strong></p></div>
        <div><p><strong>Sample text.</strong>Sample text more.</p></
div>
        <div><p><strong>Sample text again.</strong></p></div>
        <div><p><strong>Sample text again.</strong>Sample text again
more.</p></div>
    </div><!-- end #opener -->