jqueryのショー/でもスライドショーでクリックでのdivを非表示にするには？

Question

スライドショーや表示/非表示のdivの機能を組み合わせることが可能ですか？

私のHTML構造は以下の通りです、そして基本的に、私は、ユーザーがそれをクリックすると、タブ>リンクは、対応するクラスでdiv要素を開くために取得しようとしています。ユーザーがそれをクリックしない場合は、各スルー画像だけのサイクルはまだ必要があります。画像が回転しているのであれば、私開くでしょう、その後<a class="t2">をクリックしてください。事は、それはあるでしょうが、彼らは常にトン{n}は命名されますどのように多くのdiv /タブ不明だ、です。

<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();
} );