jquery показать / скрыть div на клик даже в слайд-шоу

Question

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

Моя html структура приведена ниже, и в основном я пытаюсь получить вкладки> ссылки, чтобы открыть div с соответствующим классом, если пользователь нажимает на него. Если пользователь не нажимает на него, он все равно должен просто проходить по каждому изображению. Итак, если изображения вращаются, и я нажимаю на <a class="t2">, то открывается. Дело в том, что неизвестно, сколько будет div / tab, но они всегда будут называться 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

[обновление] Я думал, что у вас возникла проблема только с открытием div, когда вы нажимаете на ссылки ..

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

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

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

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