Можно ли объединить слайд-шоу и показать / скрыть функциональность 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>