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.
