[jQuery] show/hide ui.tab?

[Shawn]

I have a series of tabs using UI.  I need to hide some tabs depending on 
the selection in the first tab.  Doing $("#tab3").hide(); doesn't work.

This is what I have thus far:
    $("#div.jobtype input[name='jobtype']").click( function () {
        $("#tabLocations").hide();
        $("#tabSegments").hide();
        $("#tabWellholes").hide();
        switch($(this).val()) {
            case "other": $("#tabLocations").show(); break;
            case "pipeline": $("#tabSegments").show(); break;
            case "wellsite": $("#tabWellholes").show(); break;
        }
    });

I did try to add the class "ui-tabs-hide" to the tab, but that didn't 
work either.  I also did a Google search....

I don't want to add/remove tabs - that is not quite what I'm after.  I 
just need to hide/show the tabs.

Any thoughts/suggestions?

Shawn