jquery показывает / скрывает div по щелчку мыши даже в слайд-шоу?

Question

Можно ли объединить функции слайд-шоу и отображения / скрытия div?

Моя html-структура приведена ниже, и, по сути, я пытаюсь получить ссылки tabs> a, чтобы открыть div с соответствующим классом, если пользователь нажмет на него.Если пользователь не нажимает на него, он все равно должен просто циклически просматривать каждое изображение.Итак, если изображения вращаются, и я нажимаю на <a class="t2"> потом бы открылся.Дело в том, что неизвестно, сколько там будет divs / tabs, но они всегда будут называться t{n}.

<div id="tab-content">
   <div class="t1">content</div>
   <div class="t2">lorem ipsum</div>
   <div class="t3">knock knock</div>
</div>

<div id="nav">
   <div id="tabs">
      <ul>
         <li class="t1"><a class="t1" href="#">tab 1</a></li>
         <li class="t2"><a class="t2" href="#">tab 2</a></li>
         <li class="t3"><a class="t3" href="#">tab 3</a></li>
      </ul>
   </div>
</div>

Answer 1

[обновление] Я думал, у вас проблема с открытием divs только при переходе по ссылкам..

Полное слайд-шоу, позволяющее вручную изменять ссылки, смотрите на плагин cycle для jquery и, в частности, эта демо-версия Демонстрационная версия 'updateActivePagerLink'

[Оригинальный ответ]

Следующее добавит функциональность, которую вы хотите получить, ко всем a элементы внутри #tabs div Функциональность будет заключаться в отображении элемента (внутри #tab-content) с тем же классом , что и a элемент, на который был сделан щелчок..

$('#tabs a').click( function() {
   $('#tabcontent .' + $(this).attr('class') ).show();
} );