Thanks for getting back to me Steven I tried adding !important, as you suggested, but no joy. I took this css code from the dependencies on http://jqueryui.com/demos/tabs/, I'm i missing something here?
I've also tried taking the examples and splitting the tabs and content, but i'd doesn't appear to work? Ross On Dec 1, 12:29 am, Steven Black <[email protected]> wrote: > What's no doubt happening here is the tabs() call, and any subsequent > intra-tab clicking, is changing the display css on-the-fly. > > The display:none; is only in effect as the page loads. As soon as > jQuery-ui takes-over, all bets are off with CSS display. > > If you really need to do this, try > > <style> > .ui-tabs .ui-tabs-hide{ display:none !important; } > </style> > > Note the !important > > **--** Steve > > On Nov 30, 6:49 pm, rossjha <[email protected]> wrote: > > > Hi i'm trying to do the following, using jQuery 1.3.2 and UI 1.7.2. > > > <script type="text/javascript"> > > $(function(){$('#header').tabs(); > > }); > > </script> > > <style> > > .ui-tabs .ui-tabs-hide{ > > display:none; > > } > > </style> > > > <div id="header"> > > <ul> > > <li><a href="#tab-1">tab 1</a></li> > > <li><a href="#tab-2">tab 2</a></li> > > </ul> > > </div> > > <div id="content"> > > <div id="tab-1">Content 1</div> > > <div id="tab-2">Content 2</div> > > </div> > > > I've looked at various post regarding this issue and this seems to be > > the suggested solution, but i can't get it working? > > > Cheers > > > R -- You received this message because you are subscribed to the Google Groups "jQuery UI" group. To post to this group, send email to [email protected]. To unsubscribe from this group, send email to [email protected]. For more options, visit this group at http://groups.google.com/group/jquery-ui?hl=en.
