Hiding and Showing a tab in JQuery UI
Folks,
I want to be able to hide and show tabs. I have tried removing and
adding
them as follows
the js...
function AddTab(lTab)
{
$("#tabs").tabs("add", "#tabs-1", "Added", lTab);
}
function RemoveTab(lTab)
{
$("#tabs").tabs("remove", lTab);
}
the HTML...
<div id="tabs">
<ul>
<li><a href="#tabs-1">First</a></li>
<li><a href="#divBackground_WidgetEditor">Background</a></li>
</ul>
<div id="tabs-1">
Content 1
</div>
<div id="divBackground_WidgetEditor"><!-- fsetBackground -->
Content 2
</div>
</div>
but the div with the content of "Content 1" does not show up when the
"Added" tab is clicked after calling
RemoveTab(0);
AddTab(0);
It is just empty.
Any help would be great!
Thanks,
Brett Nieland