現在のタブを非表示にし、hrefに基づいて次のタブを表示しますか？

Question

私はここで

また、スライド私の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> 

とjQuery（で...表示され、jqueryの使用して、そのHREFに基づいて、新しいタブをフェードインされた現在のタブを非表示にしようとしています選択されたタブに画像）

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

}）。

現在のタブは、現在フェードアウトまたはフェードインしていません。リスト内のリンクをクリックすると...ヘルプがあれば分かります。

Answer 1

ここに私があなたが探していると思うものの例があります。

http://jsbin.com/iceli4/edit

希望これは、あなたが開始されます。

ボブ