/* * Плагин: TTabs * Назначение: Создание неограниченного числа вкладок на сайте * Версия: 2.0 * Для активации в коде сайта нужно вставить код jquery: $('селектор').ttabs(); * где в роли селектора может выступать класс, id или любой другой селектор jquery * .active-ttab - класс активной вкладки * * */
jQuery.fn.ttabs = function(options){
var options = jQuery.extend({
activeClass: 'active-ttab' // Класс активной вкладки
{title}
Рейтинг: {rating}
Год: [xfvalue_year]
Страна: [xfvalue_country]
Жанр: {link-category}
Режиссер: [xfvalue_director]
Актеры: [xfvalue_actors]
Время: [xfvalue_duration]
Просмотров: {views}
Твитнуть
Описание фильма
{full-story}
ФильмКомментировать
[xfgiven_online]
[/xfgiven_online]
[xfgiven_playlist]
[/xfgiven_playlist]
Смотрите также:
{related-news}
[group=5]
Уважаемый посетитель, Вы зашли на сайт как незарегистрированный пользователь.
Мы рекомендуем Вам зарегистрироваться либо войти на сайт под своим именем.
[/group]
Комментарии:
Please enable JavaScript to view the Comments powered by KinoRip.RU.
Comments powered by KinoRip.RU
/*
* Плагин: TTabs
* Назначение: Создание неограниченного числа вкладок на сайте
* Версия: 2.0
* Для активации в коде сайта нужно вставить код jquery: $('селектор').ttabs();
* где в роли селектора может выступать класс, id или любой другой селектор jquery
* .active-ttab - класс активной вкладки
*
*
*/
jQuery.fn.ttabs = function(options){
var options = jQuery.extend({
activeClass: 'active-ttab' // Класс активной вкладки
},options);
return this.each(function() {
$(this).find('.tt-panel:first').show(0);
$(this).find('.index-tabs span:first').addClass(options.activeClass);
$(this).find('.index-tabs span').click(
function() {
$(this).parent().parent().find('.index-panel .tt-panel').hide(0);
var numEl= $(this).index();
$(this).parent().parent().find('.index-panel .tt-panel').eq(numEl).show();
$(this).parent().find('span').removeClass(options.activeClass);
$(this).addClass(options.activeClass);
}
);
});
};
Подключаем плагин. Добавляем код в секцию head:
создаем html код для вкладок:
Первая вкладка
Вторая вкладка
Третья вкладка
11111
222222
33333
Ну и теперь активируем наш плагин и применяем его:
$('.tt-tabs').ttabs();
Чтобы создать несколько блоков с вкладками, мы просто дублируем html код и меняем название класса у блока, в котором содержаться вкладки:
$('.tt-tabs2').ttabs();
Плагин на данный момен имеет одну настройку - вы можете указать название класса активной вкладки:
$('.tt-tabs').ttabs({
activeClass: 'active-ttab2'
});