即使在幻燈片中，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(); 
});