Neste post irei falar sobre a utlização da extensão ui.tabs do jquery que é compatível com a nova versão 1.3.

Seu uso é bem fácil:
$(‘#seuSeletor’).tabs();
E existem também uma variedade grande de opções, como efeito, marcação, fade, velocidade, opacidade, adicionar ou remover aba entre outros.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51

$(function() {
   $('#container-1 > ul').tabs();// USO MAIS SIMPLES
   $('#container-2 > ul').tabs(2);// DEIXA SELECIONADA A SEGUNDA DIV
   $('#container-3 > ul').tabs({ fxSlide: true });// EFEITO SLIDE
   $('#container-4 > ul').tabs({ fxFade: true, fxSpeed: 'fast' });// DEFINE FADE E VELOCIDADE
   $('#container-5 > ul').tabs({ fxSlide: true, fxFade: true, fxSpeed: 'normal' });
   $('#container-6 > ul').tabs({
      fxFade: true,
      fxSpeed: 'fast',
      click: function() {// ACIONA FUNÇÃO NO CLIQUE
         alert('click callback');
      },
      hide: function() {// ACIONA FUNÇÃO AO ESCONDER
         alert('hide callback');
      },
      show: function() {// ACIONA FUNÇÃO AO MOSTRAR
         alert('show callback');
      }
   });
   $('#container-7 > ul').tabs({ fxShow: { height: 'show', opacity: 'show' }, fxSpeed: 'normal' });// OPACIDADE
   $('#container-8 > ul').tabs({ cache: false });// CACHE
   $('#container-9 > ul').tabs({ disabled: [3] });// ABA DESABILITADA
   $('<p><a href="#">Remove tab<\/a><\/p>').prependTo('#fragment-22').find('a').click(function() {// EXIBE BOTÃO PARA REMOVER ABA
      $('#container-9 > ul').tabsRemove(4);
      return false;
   });
   $('<p><a href="#">Add tab<\/a><\/p>').prependTo('#fragment-22').find('a').click(function() {// EXIBE BOTÃO PARA ADICIONAR ABA
      $('#container-9 > ul').tabsAdd('#new-tab', 'New Tab', 4);
         return false;
   });
   $('<p><a href="#">Disable third tab<\/a><\/p>').prependTo('#fragment-22').find('a').click(function() {// EXIBE BOTÃO PARA DESABILITAR A TERCEIRA ABA
      $('#container-9 > ul').tabsDisable(3);
      return false;
   });
   $('<p><a href="#">Enable third tab<\/a><\/p>').prependTo('#fragment-22').find('a').click(function() {// EXIBE BOTÃO PARA HABILITAR A TERCEIRA ABA
      $('#container-9 > ul').tabsEnable(3);
      return false;
   });
   $('<p><a href="#">Click third tab<\/a><\/p>').prependTo('#fragment-22').find('a').click(function() {// SIMULA O CLIQUE EM UMA ABA
      $('#container-9 > ul').tabsClick(3);
      return false;
   });
   $('<p><a href="#">Get selected tab<\/a><\/p>').prependTo('#fragment-22').find('a').click(function() {// ALERTA A ID DA ABA
      alert( $('#container-9 > ul').tabsSelected() );
      return false;
   });
   $('#container-10 > ul').tabs({ unselected: true });// NÃO SELECIONAVEL
   $('#container-11 > ul').tabs({ event: 'mouseover' }).find('a').click(function() {// ACIONA COM O MOUSE SOBRE
      return false;
   });
});

Links:
jquery-1.3.1.js
ui.tabs.js

Demonstração
Ver exemplo