即使在幻灯片中，jquery显示/隐藏div点击吗？

Question

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

我的html结构在下面，基本上，我试图让tab> a链接打开与相应的类的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的开口的问题..

对于一个完整的幻灯片，让手动操作的环节都看看the cycle plugin for jquery，尤其是这个演示'updateActivePagerLink' Demo

[原创答案]

下面将你想要的功能相同类别的被点击的a元素添加到#tabs DIV 内的所有a元素的功能将是显示元素（内#tab-content）..

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