用js实现导航轮流切换功能

<tbody id="tab_2" style="display: none">
                <tr>
                    <td >
                        <textarea rows="10" cols="10" id="productdesc" name="description"></textarea>
                    </td>
                </tr>
            </tbody>
            <tbody id="tab_3" style="display: none">
                <tr>
                    <td >
                        <textarea rows="15" cols="136" id="productList" name="packageList"></textarea>
                    </td>
                </tr>
            </tbody>

<h2 class="h2_ch"><span id="tabs">
<a href="javascript:void(0);" ref="#tab_1" title="基本信息" class="here">基本信息</a>
<a href="javascript:void(0);" ref="#tab_2" title="商品描述" class="nor">商品描述</a>
<a href="javascript:void(3);" ref="#tab_3" title="商品参数" class="nor">包装清单</a>
</span></h2>

js代码：

$(function(){
    var tObj;
    $("#tabs a").each(function(){
        if($(this).attr("class").indexOf("here") == 0){
            tObj = $(this)}
        $(this).click(function(){
            var c = $(this).attr("class");
            if(c.indexOf("here") == 0){return;}
            var ref = $(this).attr("ref");
            var ref_t = tObj.attr("ref");
            tObj.attr("class","nor");
            $(this).attr("class","here");
            $(ref_t).hide();
            $(ref).show();
            tObj = $(this);
            if(ref == '#tab_2'){
                   CKEDITOR.replace('productdesc');

            }
        });
    });
});