Assuming that you are using ui.tabs()...

You can utilize some callback functions that are provided with
ui.tabs() such as show(), or select(). Each callback function gets
passed to it the ui.tabs object which you can use to access those
hidden panels. Then you can do what Leanan suggested:

$("ul.nav").tabs({
  show: function(ui){
    $("ui.instance.$panels").remove("ui-tabs-hide");
  }
});

hope this helps.



On May 5, 8:31 am, Leanan <[EMAIL PROTECTED]> wrote:
> There are a lot of different tabs plugins but I'm guessing you're
> using the jquery UI tabs?  You should try using firefox w/ firebug,
> and take a look at the classes the tabs are given when they are
> selected / hidden (or read the docs on that plugin as they should have
> that info as well).  I don't remember what they are.
>
> Basically however you'd do something like this:
>
> $
> (selector_for_all_hidden_tabs).remove([selector_for_what_you_want_to_remove]).
>
> So for example, if your hidden tab class was "hidden-tab" and you had
> a div in there id'd "content" which contained all your content, I
> believe you'd use the following:
>
> $(".hidden-tab").remove("#content");

Reply via email to