Here is the example page: http://www.turnstylecreative.com/new/work.php
I've also tried the follow tutorial with no luck. http://www.learningjquery.com/2008/10/1-way-to-avoid-the-flash-of-unstyled-content On Nov 16, 10:56 am, StephenJacob <turnstylecreat...@gmail.com> wrote: > Does anyone have any experience with the Jquery tab system? Below is > the instructions they've suggested to help prevent FOUC. Obviously, by > adding this CSS code all it does is hide the div's completely. > > I'm trying to find out how to hide the inactive Tabs upon page load > and then remove/activate them when a user clicks the tab. > > http://docs.jquery.com/UI/Tabs#options > > ...prevent a FOUC (Flash of Unstyled Content) before tabs are > initialized > > Add the necessary classes to hide an inactive tab panel to the HTML > right away - note that this will not degrade gracefully with > JavaScript being disabled: > <div id="example" class="ui-tabs"> > ... > <div id="a-tab-panel" class="ui-tabs-hide"> </div> > ... > </div> > > Required CSS: > > .ui-tabs .ui-tabs-hide { > display: none; > > }
