I’m using jquery ui tabs v 1.7.2 on my site. I see that you have a code that checks the value of html() to automatically hide tabs. How does that work? my site is static and has 7 total tabs. I want to disable the tabs that don’t have content in them automatically. Where do I place the if statement? Do I need an else to the if? How will it know that a tab is empty? Finally, should the code be…

if($(’#myTab’).html == “”)
{
$(’#myTab’).disable();
}

Thanks!

@Sid Just off the top of my head, it seems to me that you can write some code that checks a variable when a user clicks a tab, if it is not set, or not set correctly, you can set it and fire off an AJAX call, if it is set, you can ignore the click:
$(’#myTab’).click(function() {
if(myVar != 1) {
// AJAX code goes here
myVar = 1;
} else {
return false;
}
});

@Randy, my best suggestion is to get Firefox and the Firebug extension for it, this will enable you to dynamically explore the page and see where the values are being set at. In ddition it will allow you to change the CSS for that page, in the browser, so you can see the results immediately. Any changes you make through Firebug are not permanent, but its a great troubleshooting and design/development tool.

I want different colors for my tabs. First, I read the jQuery documentation on themes; sadly it didn’t click with me. Then I pored over ‘flora.css’ and all I learned was that those guys know css a lot better than me!

Since you were kind enough to post a tutorial, do you have any further suggestions on setting the tab colors? Specifically, the portion of the markup (in your sample) that has the text ‘one’, ‘two’, ‘three’

do you know if there’s jquery dialog supports ajax tab that only loads the tab content on first click rather than loading it again and again every time the ajax tab is activated?