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 的问题..

有关允许从链接手动覆盖的完整幻灯片，请查看the cycle plugin for jquery，尤其是此演示'updateActivePagerLink' Demo

[原答案]

以下内容会将您想要的功能添加到#tabs div 内的所有a 元素中 该功能将显示与单击的a 元素具有相同类的元素（在#tab-content 内）..

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