tabs showing and hidding

tabs showing and hidding


Hi guys,
Love the new jquery UI. I am trying to use it in a new project I'm
working on and currently I'm trying to hide/show between two separate
tab interfaces and I am wondering how I would go about this.
Right now I have two tabbed divs. One with an id of tabWrapper and
another with an id of updateTabWrapper.
I initialize them like so:
$( '#tabWrapper > ul' ).tabs( { unselect: true } );
$( '#updateTabWrapper > ul' ).tabs( { selected: null } );
And when selecting an item from tabWrapper to appear in
updateTabWrapper, I would like the panel of tabWrapper to disappear
(but leave the tab interface) to disappear and display the
updateTabWrapper panel. I do it like so.
function openUpdate() {
$( '#tabWrapper > ul' ).tabs( 'select', null );
$( '#updateTabWrapper > ul' ).tabs( 'select', 0 );
}
This works.. however while clicking around, if I happen to call
openUpdate again but tabWrapper is already closed, it will open. Does
anyone know a way to just call some kind of "hide" function on a tab?
I'm still getting used to the whole map/filter methodology of jquery
and the calling mechanism in the ui.tabs is particularly confusing to
me. Regardless would appreciate any information or advice.
crrrum