[JS+PHP]jquery tabs a změna tabu

[kódlisko]

Zdravím vás, už nějakou dobu si hraju s jednou věcí a zatím nemohu přijít na to jak to udělat, problém je v tom že mám udělaný div se záložkama a div s obsahem záložky, jak můžete vidět na této adrese http://www.comppart.cz/pop/pop.php
Když kliknu na záložku, obsah divu se mi změní (používám jquery.idTabs.min.js), problém je v tom, že se mi nedaří udělat to,že když kliknu na tu záložku, objeví se sice správný obsah jejího divu ale už se mi nedaří přijít na to, jak tu danou záložku obarvit (dát jejímu TD správný class, v tomto případě aby byla zelená, čili class

Kód: Vybrat vše

zakladni-info

) a zároveň jak odbarvit tu předchozí.
Na localu jsem to rozjel v primitní ukázce co můžete vidět i pod mým záložkovačem dole, ale na serveru mi tam nějak nejede to zvětšení písma když je tab aktivní. V ukázce to dělají tímto scriptem:

Kód: Vybrat vše

$(document).ready(function() {
// setting the tabs in the sidebar hide and show, setting the current tab
   $('div.tabbed div').hide();
   $('div.t1').show();
   $('div.tabbed ul.tabs li.t1 a').addClass('tab-current');

// SIDEBAR TABS
$('div.tabbed ul li a').click(function(){
   var thisClass = this.className.slice(0,2);
   $('div.tabbed div').hide();
   $('div.' + thisClass).show();
   $('div.tabbed ul.tabs li a').removeClass('tab-current');
   $(this).addClass('tab-current');
   });
});

Já to bohužel předělával jak jsem předělával, stejně mi to nejede, prosím o radu, jak to v případě mých tabs udělat? Kód si můžete vyjet z ukázky.

Díky moc!

[cpk]

a co zmenit farbu pomocou funkcie css() ?

var thisClass = this.className.slice(0,2).css("color", "green")

[kódlisko]

To bohužel nefunguje, ten slice ořeže na dva znaky název classu asi toho odkazu já ale potřebuju změnit class toho TD v tabulce.
mám tento kód:

Kód: Vybrat vše

$('div.idTabs table tr td a').click(function(){
   var thisClass = this.className.slice(0,2);
   alert('tu');
   $('div.tabbed div').hide();
   $('div.' + thisClass).show();
   $('div.idTabs table tr td').removeClass('zakladni-info');
   $(this).addClass('zakladni-info');
   });


jediné co se stane že po kliknutí na odkazy v těch TABS to vyhodí alert ale jinak nejsem schopen zjistit z kterého tabu jdu a který mám odznačit na šedo a který mám zaznačit na zeleno a hlavně jak

[Vebloud]

Můžu se zpetat, proč nepoužíváš JQuery UI a v něm obsažené taby http://jqueryui.com/demos/tabs/? To bude fungovat a stačí přepsat správná csska, pokud ti nebudou vyhovovat ani jedny z těch co jsou k tomu.

[kódlisko]

Není to to samé? A nedostanu se na ten samý problém?
EDIT: Dělám to přesně podle návodu a nejede mi to vůbec, s tím to aspoň jelo, s jquery ui.tabs.js se mi nestane naprosto nic, ani ty divy se nezobrazí jak mají a poskládají se jeden pod druhého, nechápu v čem je zrada

EDIT: Tak už jsem přišel na chybku, samozřejmě mezi klávesnicí a žídlí, jede mi to a s tématy co mají na jquery stránkách se dá vyjít, takže díky za tip