Первая закладка!

Контейнер подключаем так:

$('#container').tabs();

Активирована вторая закладка

Три, это хорошо!!!

Первая закладка

Активирована вторая закладка

Контейнер подключаем так:

$('#container').tabs(2);

Ну и третья!

Первая закладка!

Контейнер с эффектом, подключаем так:

$('#container').tabs({ fxSlide: true });

Активирована вторая закладка

 

 

"тут был текст"

Ну и третья!

Первая закладка!

Контейнер с эффектом, подключаем так:

$('#container').tabs({ fxFade: true, fxSpeed: 'fast' });

Активирована вторая закладка

 

 

"тут был текст"

Ну и третья!

Первая закладка!

Контейнер с эффектом, подключаем так:

$('#container').tabs({ fxSlide: true, fxFade: true, fxSpeed: 'fast' });

Активирована вторая закладка

 

 

"тут был текст"

Ну и третья!

Обработка событий onClick, onHide и onShow

Контейнер, подключаем так:

$('#container').tabs({
    fxFade: true,
    fxSpeed: 'fast',
    onClick: function() {
        alert('нажали на закладку');
    },
    onHide: function() {
        alert('закладка спряталась');
    },
    onShow: function() {
        alert('закладка появилась');
    }
	});

Активирована вторая закладка

 

 

"тут был текст"

Ну и третья!

Выравнивание по максимальной высоте содержимого вкладки

Контейнер подключаем так:

$('#container').tabs({ fxAutoHeight: true });

Активирована вторая закладка

 

 

 

 

 

"тут был длиннннный текст"

Ну и третья!

Задаем свои настройки анимации:

Контейнер подключаем так:

$('#container').tabs({ fxShow: { height: 'show', opacity: 'show' } });

Активирована вторая закладка

 

 

"тут был текст"

Ну и третья!

$('#container').enableTab(3); // включить 3ю закладку
$('#container').triggerTab(3); // сделать 3ю закладку активной
$('#container').disableTab(3); // заблокировать 3ю закладку

Также можно заблокировать классом:

<li class="tabs-disabled">…</li>

Контейнер подключаем так: 
$('#container').tabs({ disabled: [3, 4] });

Активирована вторая закладка

 

 

"тут был текст"

Третья закладка!

пригодицца

пригодицца тоже