jquery afficher/masquer div on cliquer même dans un diaporama?

Question

Est-il possible de combiner un diaporama et afficher/masquer des fonctionnalités div?

Ma structure html est ci-dessous, et fondamentalement, j'essaie d'obtenir les onglets> un liens pour ouvrir la div avec la classe correspondante si un utilisateur clique dessus. Si un utilisateur ne clique pas dessus, il devrait tout simplement faire défiler chaque image. Donc, si les images tournent, et je clique sur <a class="t2"> alors ouvrirait. La chose est, on ne sait pas combien de divs/onglets il y aura, mais ils seront toujours nommés 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

[mise à jour] Je croyais que vous aviez seulement un problème avec l'ouverture du divs lorsque vous cliquez sur les liens ..

Pour un diaporama complet qui permet la commande manuelle de liens ont un regard sur the cycle plugin for jquery et en particulier cette démo 'updateActivePagerLink' Demo

[réponse originale]

Ce qui suit ajoutera la fonctionnalité que vous voulez tous a éléments à l'intérieur du div #tabs La fonctionnalité sera de montrer l'élément (à l'intérieur #tab-content) avec la même classe que l'élément a qui a été cliqué ..

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