Masquer l'onglet actuel et afficher l'onglet suivant basé sur href?

Question

J'essaie de masquer l'onglet courant qui est affiché et FADEIN le nouvel onglet en fonction de son href utilisant jquery ...

Voici mon HTML

<div id="leader"> 
    <ul id="llist"> 
     <li class="t current"><a href="#solutions"><span>sage solutions</span></a></li> 
     <li class="m"><a href="#management"><span>credit mangement solutions</span></a></li> 
     <li class="b"><a href="#thirdparty"><span>third party additions</span></a></li> 
    </ul> 

       <div id="lcontent"> 
        <div id="solutions" class="tab"> 
         <h2>Title</h2> 
         Description 
        </div>     
        <div id="management" class="tab"> 
         <h2>Title</h2> 
         Description 
        </div> 
        <div id="thirdparty" class="tab"> 
         <h2>Title</h2> 
         Description 
        </div> 
       </div> 
</div> 

Et le JQUERY (qui glisse aussi un image à l'onglet qui est sélectionné)

$('#leader #llist li').click(function() { 
    $('#leader #llist li').removeClass('current'); 
var thisTop = $(this).offset().top; 
$('.pointer').animate({'top': thisTop}); 
    $(this).addClass('current'); 
    $('.tab').fadeOut(); 

});

Les onglets actuels ne sont pas actuellement fondus ou fondus lorsque les liens de la liste sont cliqués ... toute aide serait appréciée.

Answer 1

Voici un exemple de ce que je pense que vous cherchez.

http://jsbin.com/iceli4/edit

Hope this vous permet de démarrer.

Bob