I usually make something like this
All the page section I want "hidden" at the beginning of the page
loading have the "hiding-start" class. My CSS has this definition
.hiding-start {opacity: 0; filter: alpha(opacity=0)}
When all rendering is complete a use this istruction
$(".hiding-start").removeClass("hiding-start");
I use "opacity" instead of "visibility: hidden" or "display: none"
because if you hide a element with the opacity, the element still
exist in the dom with all his options and value (height, width,
colors, content and so on) and all other istruction based on these
values continue to work correctly, because the element isn't "hidden"
or "not displayed", but simply "not visible but still there"
You can use this in your body section (<body class="hiding-start") if
you want to hide the entire page until you're ready
--
You received this message because you are subscribed to the Google Groups
"jQuery UI" group.
To post to this group, send email to jquery...@googlegroups.com.
To unsubscribe from this group, send email to
jquery-ui+unsubscr...@googlegroups.com.
For more options, visit this group at
http://groups.google.com/group/jquery-ui?hl=en.
