HTML

<div class="tabArea" id="tabArea1">
    <ul class="tab">
        <li><a href="#tab1-1">tab1-1</a></li>
        <li><a href="#tab1-2">tab1-2</a></li>
    </ul>
    <div class="tabPanelGroup">
        <div id="tab1-1" class="tabPanel">
            tab1tab1tab1tab1tab1tab1tab1<br />
            tab1tab1tab1tab1tab1tab1tab1<br />
            tab1tab1tab1tab1tab1tab1tab1<br />
            tab1tab1tab1tab1tab1tab1tab1<br />
            tab1tab1tab1tab1tab1tab1tab1<br />
            tab1tab1tab1tab1tab1tab1tab1
        </div>
        <div id="tab1-2" class="tabPanel">
            tab2tab2tab2tab2tab2tab2tab2<br />
            tab2tab2tab2tab2tab2tab2tab2<br />
            tab2tab2tab2tab2tab2tab2tab2<br />
            tab2tab2tab2tab2tab2tab2tab2<br />
            tab2tab2tab2tab2tab2tab2tab2<br />
            tab2tab2tab2tab2tab2tab2tab2
        </div>
    </div>
</div>

<div class="tabArea" id="tabArea2">
    <ul class="tab">
        <li><a href="#tab2-1">tab2-1</a></li>
        <li><a href="#tab2-2">tab2-2</a></li>
    </ul>
    <div class="tabPanelGroup">
        <div id="tab2-1" class="tabPanel">
            tab1tab1tab1tab1tab1tab1tab1<br />
            tab1tab1tab1tab1tab1tab1tab1<br />
            tab1tab1tab1tab1tab1tab1tab1<br />
            tab1tab1tab1tab1tab1tab1tab1<br />
            tab1tab1tab1tab1tab1tab1tab1<br />
            tab1tab1tab1tab1tab1tab1tab1
        </div>
        <div id="tab2-2" class="tabPanel">
            tab2tab2tab2tab2tab2tab2tab2<br />
            tab2tab2tab2tab2tab2tab2tab2<br />
            tab2tab2tab2tab2tab2tab2tab2<br />
            tab2tab2tab2tab2tab2tab2tab2<br />
            tab2tab2tab2tab2tab2tab2tab2<br />
            tab2tab2tab2tab2tab2tab2tab2
        </div>
    </div>
</div>

<div class="tabArea" id="tabArea3">
    <ul class="tab">
        <li><a href="#tab3-1">tab3-1</a></li>
        <li><a href="#tab3-2">tab3-2</a></li>
    </ul>
    <div class="tabPanelGroup">
        <div id="tab3-1" class="tabPanel">
            tab1tab1tab1tab1tab1tab1tab1<br />
            tab1tab1tab1tab1tab1tab1tab1<br />
            tab1tab1tab1tab1tab1tab1tab1<br />
            tab1tab1tab1tab1tab1tab1tab1<br />
            tab1tab1tab1tab1tab1tab1tab1<br />
            tab1tab1tab1tab1tab1tab1tab1
        </div>
        <div id="tab3-2" class="tabPanel">
            tab2tab2tab2tab2tab2tab2tab2<br />
            tab2tab2tab2tab2tab2tab2tab2<br />
            tab2tab2tab2tab2tab2tab2tab2<br />
            tab2tab2tab2tab2tab2tab2tab2<br />
            tab2tab2tab2tab2tab2tab2tab2<br />
            tab2tab2tab2tab2tab2tab2tab2
        </div>
    </div>
</div>

Script

(function($){
    $.fn.tabPanel = function(options){
        var tabArea = $(this);
        var conf = $.extend({
            show: 'show',
            duration: null
        },options || {});
        
        tabArea.each(function(){
            var tabPanel = $('div.tabPanel',this);
            var tab = $('ul.tab li',this);
            
            var tabSet = function(target){
                var targetTabId = $('a',target).attr('hash');
                
                tab.removeClass('active');
                tabPanel.hide();
                $(target).addClass('active');
                $(targetTabId)[conf.show](conf.duration); // 書き換えた
            }
            
            tab.click(function(){
                tabSet(this);
                return false;
            }).each(function(){
                if($(this).hasClass('active')){
                    tabSet(this);
                }
            });
            
            if(tabPanel.filter(':visible').length!=1){
                tab.eq(0).addClass('active');
                tabPanel.not(':first').hide();
            }
        });
    }
})(jQuery);

jQuery(function($){
    $('div#tabArea1').tabPanel();
    $('div#tabArea2').tabPanel({
        show: 'fadeIn',
        duration: 300
    });
    $('div#tabArea3').tabPanel({
        show: 'slideDown',
        duration: 200
    });
});

Demo