$('div.tabUnit').each(function(){//$tabUnitそれぞれに実行
    var $tab = $(this);//現在のパーツ
    var $nav = $tab.find('.tabNav a');//現在のパーツの中のnav
    var $tabBody = $tab.find('.tabBody');//現在のパーツの中のtabBody
    
    //初期の状態
    $tabBody.not(':first').hide();
    $nav.eq(0).parent().addClass('active');
    
    //タブをクリックした時
    $nav.click(function(){
        var $this = $(this);
        var targetTabId = $this.attr('href');
        
        $nav.parent().removeClass('active');
        $tabBody.hide();
        $this.parent().addClass('active');
        $(targetTabId).fadeIn(1000);
        
        return false;
    });
});

<div class="tabUnit">
<ul class="tabNav">
<li class="tab01"><a href="#body01">Tab1</a></li>
<li class="tab02"><a href="#body02">Tab2</a></li>
<li class="tab03"><a href="#body03">Tab3</a></li>
</ul>

<div class="tabBody" id="body01">
<ul>
<li>Tab1 Tab1 Tab1</li>
<li>Tab1 Tab1 Tab1</li>
<li>Tab1 Tab1 Tab1</li>
<li>Tab1 Tab1 Tab1</li>
<li>Tab1 Tab1 Tab1</li>
<li>Tab1 Tab1 Tab1</li>
</ul>
<!-- /.tabBody --></div>
<div class="tabBody" id="body02">
<ul>
<li>Tab2 Tab2 Tab2</li>
<li>Tab2 Tab2 Tab2</li>
<li>Tab2 Tab2 Tab2</li>
<li>Tab2 Tab2 Tab2</li>
<li>Tab2 Tab2 Tab2</li>
<li>Tab2 Tab2 Tab2</li>
<li>Tab2 Tab2 Tab2</li>
<li>Tab2 Tab2 Tab2</li>
<li>Tab2 Tab2 Tab2</li>
<li>Tab2 Tab2 Tab2</li>
</ul>
<!-- /.tabBody --></div>
<div class="tabBody" id="body03">
<ul>
<li>Tab3 Tab3 Tab3</li>
<li>Tab3 Tab3 Tab3</li>
<li>Tab3 Tab3 Tab3</li>
<li>Tab3 Tab3 Tab3</li>
<li>Tab3 Tab3 Tab3</li>
<li>Tab3 Tab3 Tab3</li>
<li>Tab3 Tab3 Tab3</li>
<li>Tab3 Tab3 Tab3</li>
<li>Tab3 Tab3 Tab3</li>
<li>Tab3 Tab3 Tab3</li>
<li>Tab3 Tab3 Tab3</li>
<li>Tab3 Tab3 Tab3</li>
<li>Tab3 Tab3 Tab3</li>
<li>Tab3 Tab3 Tab3</li>
<li>Tab3 Tab3 Tab3</li>
</ul>
<!-- /.tabBody --></div>
<!-- /.tabUnit --></div>


<div class="tabUnit">
<ul class="tabNav">
<li class="tab01"><a href="#body04">Tab1</a></li>
<li class="tab02"><a href="#body05">Tab2</a></li>
<li class="tab03"><a href="#body06">Tab3</a></li>
</ul>

<div class="tabBody" id="body04">
<ul>
<li>Tab1 Tab1 Tab1</li>
<li>Tab1 Tab1 Tab1</li>
<li>Tab1 Tab1 Tab1</li>
<li>Tab1 Tab1 Tab1</li>
<li>Tab1 Tab1 Tab1</li>
<li>Tab1 Tab1 Tab1</li>
</ul>
<!-- /.tabBody --></div>
<div class="tabBody" id="body05">
<ul>
<li>Tab2 Tab2 Tab2</li>
<li>Tab2 Tab2 Tab2</li>
<li>Tab2 Tab2 Tab2</li>
<li>Tab2 Tab2 Tab2</li>
<li>Tab2 Tab2 Tab2</li>
<li>Tab2 Tab2 Tab2</li>
<li>Tab2 Tab2 Tab2</li>
<li>Tab2 Tab2 Tab2</li>
<li>Tab2 Tab2 Tab2</li>
<li>Tab2 Tab2 Tab2</li>
</ul>
<!-- /.tabBody --></div>
<div class="tabBody" id="body06">
<ul>
<li>Tab3 Tab3 Tab3</li>
<li>Tab3 Tab3 Tab3</li>
<li>Tab3 Tab3 Tab3</li>
<li>Tab3 Tab3 Tab3</li>
<li>Tab3 Tab3 Tab3</li>
<li>Tab3 Tab3 Tab3</li>
<li>Tab3 Tab3 Tab3</li>
<li>Tab3 Tab3 Tab3</li>
<li>Tab3 Tab3 Tab3</li>
<li>Tab3 Tab3 Tab3</li>
<li>Tab3 Tab3 Tab3</li>
<li>Tab3 Tab3 Tab3</li>
<li>Tab3 Tab3 Tab3</li>
<li>Tab3 Tab3 Tab3</li>
<li>Tab3 Tab3 Tab3</li>
</ul>
<!-- /.tabBody --></div>
<!-- /.tabUnit --></div>

/**
 * Search Tab Unit
 */
 
div.tabUnit {
    margin: 0 0 20px;
}

    /**
     * Tab Nav
     */
    div.tabUnit ul.tabNav {
        margin: 0;
        border-bottom: 2px solid #666;
        zoom: 1;
    }
    div.tabUnit ul.tabNav:after {
        content: "."; display: block; clear: both; height: 0; visibility: hidden; font-size: 0;
    }
    
    div.tabUnit ul.tabNav li {
        float: left;
        display: inline;
        margin: 0 5px 0 0;
        background: no-repeat;
        border: 1px solid #666;
        border-width: 1px 1px 0;
    }
    
    div.tabUnit ul.tabNav li a {
        display: block;
        padding: 5px 20px;
        outline: none;
        color: #FFF;
        font-weight: bold;
        filter: alpha(opacity=40);
        opacity: 0.4;
    }
    
    div.tabUnit ul.tabNav li.tab01 a {background: #FF3366;}
    div.tabUnit ul.tabNav li.tab02 a {background: #6666CC;}
    div.tabUnit ul.tabNav li.tab03 a {background: #FF9900;}
    
    div.tabUnit ul.tabNav li a:hover {
        filter: alpha(opacity=100);
        opacity: 1;
    }
    
    div.tabUnit ul.tabNav li.active a ,
    div.tabUnit ul.tabNav li a:hover {
        filter: alpha(opacity=100);
        opacity: 1;
    }
    

    /**
     * Tab tabBody
     */
    div.tabUnit .tabBody {
        padding: 20px;
        border: solid #666;
        border-width: 0 1px 1px;
    }

jsFiddle