Здравствуйте, за отображение табов есть такой код
| Javascript |
1
2
3
4
5
6
7
8
9
10
11
12
13
14
| jQuery(function () {
var tabContainers = jQuery('div.tabs > div'); // получаем массив контейнеров
tabContainers.hide().filter(':first').show(); // прячем все, кроме первого
// далее обрабатывается клик по вкладке
jQuery('div.tabs ul.tab-nav a').click(function () {
tabContainers.hide(500); // прячем все табы
tabContainers.filter(this.hash).show(500); // показываем содержимое текущего
tabContainers.filter(this.hash).show(); // показываем содержимое текущего
jQuery('div.tabs ul.tab-nav a').parent().removeClass('active'); // у всех убираем класс 'selected'
jQuery(this).parent().addClass('active'); // текушей вкладке добавляем класс 'selected'
return false;
}).filter(':first').click();
}); |
|
сами табы
| HTML5 |
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
| <div class="tabs">
<span class="tabs-header">
<span class="title">Доставка и оплата</span>
</span>
<ul class="tab-nav">
<li class="li active"><a href="#tabs-1"><span>Доставка</span></a></li>
<li class="li"><a href="#tabs-2"><span>Оплата</span></a></li>
<li class="li"><a href="#tabs-3"><span>Оплата</span></a></li>
</ul>
<div id="tabs-1" class="tab-content active" style="display: block;">Уважаемые клиенты, любой заказ, сделанный по телефонам компании или непосредственно торговому представителю, подлежит доставке, самовывоз не допускается. Минимальная сумма заказа — 1 000 000 руб., доставка бесплатная. Заказ, сделанный по телефонам компании или непосредственно торговому представителю, или непосредственно агенту, оформляется агентом. Назовите свой договор для идентификации вас в системе, продиктуйте заказ и согласуйте дату и время доставки.</div>
<div id="tabs-2" class="tab-content" style="display: none;">
<h3>Наличный расчет</h3>
<p>
Заказ оплачивается наличными сотруднику службы доставки при получении либо торговому представителю при отсрочке платежа.
</p>
<h3>Безналичный расчет</h3>
<p>
Заказы могут быть оплачены безналичным платежом по предоплате на основании выставленного счета либо с отсрочкой платежа в сроки, предусмотренные договором.</p></div>
<div id="tabs-3" class="tab-content" style="display: none;">
<h3>Наличный расчет</h3>
<p>
Заказ оплачивается наличными сотруднику службы доставки при получении либо торговому представителю при отсрочке платежа.
</p>
<h3>Безналичный расчет</h3>
<p>
Заказы могут быть оплачены безналичным платежом по предоплате на основании выставленного счета либо с отсрочкой платежа в сроки, предусмотренные договором.</p></div>
<p></p>
</div> |
|
вопрос в чем - сейчас по умолчанию открывается первый таб и он активен, мне же нужно сделать чтобы все табы были закрыты по умолчанию, и только по нажатию на один из табов он открывался и присваивался класс active этому элементу . Перерыл форум, не нашел решения данной проблемы
(
?
