Скрипт табов

[jekad]

Простые, универсальные, легкие в кастомизации табы - http://jekad.github.io/justTabs/
На суд людской

[рони]

jekad,
только для одного элемента $('.page__tabs') на странице и tabs.children с find многовато может в переменную, зачем искать то что уже когда-то найдено или создано.

[jekad]

Укажу, что нужно задавать другое имя класса для новых табов на странице.
С tabs.children с find согласен и правда много

[Vlasenko Fedor]

а чего не на js написано зачем привязываться к jQuery
может на чистом css

Укажу, что нужно задавать другое имя класса для новых табов на странице

зачем, так вообще универсальность улетучивается

[jekad]

хм, вставил табы <div class='page__tabs'> ...
вставил еще одни табы на страницу <div class='page__tabs-2'> ...
инициализировал их
$('.page__tabs').justTabs();
$('.page__tabs-2').justTabs();
в чем проблема с универсальностью?

[Vlasenko Fedor]

$('.page__tabs').justTabs();
$('.page__tabs-2').justTabs();
вот зачем вторая строка инициализации
одним вызовом взял и проинициализировал все табы и приведи больще примеров вертикальные табы не забудь
неактивный таб вызывает смущение а нужен ли
а также куки (гонять туда обратно) может storage? будет лучше
если ссылки (a)не используются по прямому назначению, то они там не нужны
я ведь не могу вставить в браузер ссылку таба и при переходе, чтоб он был открыт

[jekad]

По поводу не активного таба, мне несколько раз на практике приходилось реализовывать, что-то вроде шагов,к примеру конструктор сбора товара. При определенных действиях разблокировался второй шаг и переходил на следующий таб.

Отдельно инициализировать каждые табы удобно, тем что для каждого можно задавать свои параметры $('.page__tabs-2').justTabs( {key: value} ); Пока их конечно мало, но возможно что-то добавится.

[sexbot]

зачем вам этот jquery? лишние 100500 байт ради того чтобы писать $ вместе document.querySelector?

[jekad]

Сейчас редкость, если на сайте не подключена jquery, это удобно. Хотя вы правы, сделаю отдельно версию на чистом js, лишним точно не будет.

[рони]

jekad,
http://jqueryui.com/tabs/