How to prevent flash of full content in tabs?
So we're using jQuery tabs to manage a "multiheader" box for our top
story on this page:
http://www.americanprogress.org
People are happy with how the top story multi-header tabbed box is
working, except that when it first loads, it seems to force the
browser to render all the content first, then trigger the tab
functionality second, which creates a flash of unstyled content,
especially with slow connections.
Ideally, the box would load and display the first tab, and either hide
or load the unselected tabs in the background.
Is there a workaround for this? Thanks in advance... Do I need to
change this to some Ajax option for this?