帮我看的tab 切换啊！页面有一个正常,两个或者N个的时候就不行

Question

这是地址 http://amu1433.gotoip2.com/tab.html<script>
$(function(){
    //进入页面时
    $(".tab_content").hide(); //候隐藏所有的content内容
    $("ul.tabs li:first").addClass("active").show(); //激活第一个tab
    $(".tab_content:first").show(); //显示第一个content内容
 
    //点击对应的tab时
    $("ul.tabs li").click(function() {
 
        $("ul.tabs li").removeClass("active"); //将所有的tab去掉active样式
        $(this).addClass("active"); //点击的这个tab加active样式
        $(".tab_content").hide(); //候隐藏所有的content内容
 
        var activeTab = $(this).find("a").attr("href"); //找到要显示的ID
        $(activeTab).fadeIn(); //淡出淡入显示 
    });       
})
</script>问题是当我页面有2个或者N个的这样的切换是 就 不行了..
是不是要写个循环啊..
jquer不太懂 求教！！！参考地址 http://amu1433.gotoip2.com/tab.html
 点击第二个切换的时候  第一个就影藏了..........

Answer 1

            $(function(){
            
                //进入页面时
                
                $(".tab_content").hide(); //候隐藏所有的content内容
                $("ul.tabs li:first-child").addClass("active").show(); //激活第一个tab
                $(".tab_content:first-child").show(); //显示第一个content内容
                //点击对应的tab时
                
                $("ul.tabs li").click(function(){
                    $("ul.tabs li").removeClass("active"); //将所有的tab去掉active样式
                    $(this).addClass("active"); //点击的这个tab加active样式
                    //$(".tab_content").hide(); //候隐藏所有的content内容
                    var activeTab = $(this).find("a").attr("href"); //Find the href attribute value to identify the active tab + content
                    $(activeTab).fadeIn().siblings().hide(); //Fade in the active ID content
                });
            })

Answer 2

写得很有问题，对dom操作相当的不清楚。。            $(function(){
                //进入页面时
                $(".tab_content").hide(); //候隐藏所有的content内容
                $("ul.tabs li:first-child").addClass("active").show(); //激活第一个tab
                $(".tab_content:first-child").show(); //显示第一个content内容
                
                //点击对应的tab时
                $("ul.tabs li").click(function(){
                    //$("ul.tabs li").removeClass("active"); //将所有的tab去掉active样式
                    //$(this).addClass("active"); //点击的这个tab加active样式
                    //$(".tab_content").hide(); //候隐藏所有的content内容

                    $(this).addClass("active").siblings().removeClass("active");
                    var activeTab = $(this).find("a").attr("href"); //Find the href attribute value to identify the active tab + content
                    $(activeTab).fadeIn().siblings().hide(); //Fade in the active ID content
                });
            });

Answer 3

搞定 谢谢axiheyhey
呵呵