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; }