chiedo scusa, appena iscritta sto già dando problemi
ad ogni modo, i tabs sono i classici
codice:
<ul class="nav">
<li class="selected">1[*]2[*]3[/list]
collegati a questi comandi CSS
codice:
.tabs {}
.tabs ul.nav {float:left;padding-left:372px;padding-bottom:24px}
.tabs ul.nav li{padding-right:1px;float:left}
.tabs ul.nav li a{display:block;position:relative;width:32px;height:32px;font-size:19px;color:#fff;line-height:32px;background:#306;text-decoration:none;text-align:center}
.tabs ul.nav .selected a, .tabs ul.nav a:hover{background:#309}
.tabs .tab-content {display:none}
e a questo .js :
codice:
tabs = {
init : function(){
$('.tabs').each(function(){
var th=$(this),
tContent=$('.tab-content',th),
navA=$('ul.nav a',th)
tContent.not().hide();
tab_act=$('ul.nav .selected a').attr('href');
$(tab_act).show();
navA.click(function(){
var th=$(this),
tmp=th.attr('href')
tContent.not($(tmp.slice(tmp.indexOf('#'))).fadeIn(600)).hide()
$(th).parent().addClass('selected').siblings().removeClass('selected');
return false;
});
});
}
}
solo che, ripeto, mi caricano la pagina dalla fine, un disastro