Add the class "ui-tabs-hide" to your panels beforehand. I will not encourage bad practice (usage of inline styles).
Note to self: Make FAQ for this. --Klaus On 2 Feb., 05:38, Chris <cpot...@siolon.com> wrote: > On Jan 12, 9:29 am, tlphipps <tra...@brandyandtravis.com> wrote: > > > This is because of how browsers work. What's happening is that the > > browser is downloading all the HTML and beginning to display it. Then > > when the DOM is 'ready', jquery is running the code you've specified > > which creates the tab interface. To avoid this issue you have to use > > CSS to 'hide' the content that you don't want displayed on page load. > > > So if you have 3 tabs, you would use standard CSS to 'hide' (display: > > none) the 2nd and 3rd tabs so the browser would never display them to > > begin with. Then when the tabs load, jquery takes over showing/hiding > > the content. > > I tried hiding the content, but then it doesn't show. I'm a little > confused on what's going on.