Show/Hide works perfectly fine in this quick example
http://jsbin.com/oyagi/edit
recall that the "tabs" are actually <li> items that reference the
tabs, which are <div>'s.... to hide the tab itself, you need to hide
the <li>
On Nov 9, 10:23 am, Shawn <sgro...@open2space.com> wrote:
> 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
