[jQuery] Re: simple fadeIn not working

2009-08-31 Thread amuhlou
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

[jQuery] Re: simple fadeIn not working

2009-08-31 Thread greaseDonkey
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 typetext/css #container { display:none; } /stype On Aug 31, 8:56 am, amuhlou

[jQuery] Re: simple fadeIn not working

2009-08-31 Thread amuhlou
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

[jQuery] Re: simple fadeIn not working

2009-08-31 Thread amuhlou
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

[jQuery] Re: simple fadeIn not working

2009-08-31 Thread greaseDonkey
You actually bring up a good point and I have to be honest I never tough about that! Thanks you for sharing. On Aug 31, 10:35 am, amuhlou amysch...@gmail.com wrote: 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-uns...