to avoid the flash of the div while it's being hidden:
http://www.learningjquery.com/2008/10/1-way-to-avoid-the-flash-of-unstyled-content
On Aug 31, 2:34 pm, amuhlou <amysch...@gmail.com> wrote:
> Using display none poses an accessibility issue, as screen reader
> software tends to completely skip elements with display:none.
>
> On Aug 31, 1:47 pm, greaseDonkey <greasedon...@gmail.com> wrote:
>
> > I would suggest to hide the container using css instead of the hide()
> > effect when using $(document).ready(function(){}); cause this way you
> > might sometime see the div for a few second before javascript start.
>
> > <style type"text/css">
> > #container
> > {
> > display:none;}
>
> > </stype>
>
> > On Aug 31, 8:56 am, amuhlou <amysch...@gmail.com> wrote:
>
> > > the div would need to start out hidden, otherwise the fade transition
> > > won't do anything.
> > > $(document).ready(function(){
> > > $('#container').hide();
> > > $("#container").fadeIn("slow");
>
> > > });
>
> > > if the "slow" speed isn't slow enough, you may want to try putting in
> > > the speed in milliseconds
>
> > > On Aug 31, 12:11 pm, grunghi <grun...@gmail.com> wrote:
>
> > > > Its really simple, i need one div to slowly fade in when the page is
> > > > loaded, i used this code:
> > > > $(document).ready(function(){
> > > > $("#container").fadeIn("slow"); });
> > > > But it haven´t worked for me at all... When i tryed to replace fadeIn
> > > > with fadeTo it worked..
> > > > Thank you, Joseph
