jQuery tabs в два уровня

Руслан Исмаилов
На сайте с 30.03.2007
Offline
198
1119

Здравствуйте.

Кто нить может уже делал такое? Искал готово решение в нете что то ненашел.

Saitoff
На сайте с 27.05.2011
Offline
71
#1

Посмотрите тут. Очень наглядно расписано...

Чтобы создать второй ряд ссылок - просто добавьте второй блок "ul". Дальше дело за оформлением CSS.

Если трудно - стучитесь в личку.

Руслан Исмаилов
На сайте с 30.03.2007
Offline
198
#3

Saitoff, скачал попробывал, видимо немножко неправильн объяснил.

Табы должны идти внутри табов.

Как то так:

<div class="tabs">

<!-- Это сами вкладки -->
<ul class="tabNavigation">
<li><a class="" href="#first">Д.Огилви</a></li>
<li><a class="" href="#second">Миллер</a></li>
<li><a class="" href="#third">Черчилль</a></li>
</ul>
<!-- Это контейнеры содержимого -->
<div id="first">
<div class="tabs">
<!-- Это сами вкладки -->
<ul class="tabNavigation">
<li><a class="" href="#first1">Д.Огилви</a></li>
<li><a class="" href="#second1">Миллер</a></li>
<li><a class="" href="#third1">Черчилль</a></li>
</ul>
<!-- Это контейнеры содержимого -->
<div id="first1">
<h2>Д.Огилви</h2>
<p>Лучший способ превратить работника в генератор идей это возложить на него самую высокую ответственность.</p>
</div>
<div id="second1">
<h2>Миллер</h2>
<p>Деньги не имеют значения — пока они у вас есть.</p>
</div>
<div id="third1">
<h2>Черчилль</h2>
<p>Пессимист видит трудности при каждой возможности; оптимист в каждой трудности видит возможности.</p>
</div>
</div>
</div>
<div id="second">
more tabs
</div>
<div id="third">
more tabs
</div>
</div>
М
На сайте с 08.02.2006
Offline
59
#4

Честно говоря, не понятно в чем проблема. Все работает из коробки - http://jsfiddle.net/tM2mR/1/

Руслан Исмаилов
На сайте с 30.03.2007
Offline
198
#5

Всем спасибо, нашел идеально подходящий мне вариант!

Кому интересно: Универсальный jQuery-скрипт для блоков с вкладками

---------- Добавлено 19.06.2012 в 11:46 ----------

Магнат, действительно работает, но вариант который я взял неиспользует ID и это очень хорошо что ненужно заморачиватся.

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий