jquery - jquery显示/隐藏div即使在幻灯片中？

Question

是否可以结合幻灯片和显示/隐藏 div 功能？

我的 html 结构在下面，基本上，如果用户单击它，我正在尝试获取选项卡 > 链接以打开具有相应类的 div。如果用户不点击它，它仍然应该只是循环浏览每个图像。所以，如果图像正在旋转，我点击<a class="t2">然后会打开。问题是，不知道会有多少个 div / 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

[更新] 我以为您只是在单击链接时遇到了打开 div 的问题..

对于允许从链接手动覆盖的完整幻灯片，请查看 jquery 的循环插件，特别是这个演示“updateActivePagerLink”演示

[原答案]

a以下将向 div内的所有元素添加您想要的#tabs功能该功能将显示与单击的元素#tab-content具有相同类的元素（内部） 。a

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