TAB切换调juqery的方法，如何在同页面同时存在2个这样的方法，在线等

Question

如下，如何同时调用两个这样相同的方法，比如.nwj_conttab1和.nwj_conttab2这两个内容框是通过ul.nwj_ul1 li和ul.nwj_nl2 li来控制TAB，已经尝试过把两个需要的样式用","分割，无果，只有一个产生效果$(document).ready(function() { //Default Action
$(".nwj_conttab1").hide(); //Hide all content
$("ul.nwj_ul1 li:first").addClass("active").show(); //Activate first tab
$(".nwj_conttab1:first").show(); //Show first tab content

//On Click Event
$("ul.nwj_ul1 li").click(function() {
$("ul.nwj_ul1 li").removeClass("active"); //Remove any "active" class
$(this).addClass("active"); //Add "active" class to selected tab
$(".nwj_conttab1").hide(); //Hide all tab content
var activeTab = $(this).find("a").attr("href"); //Find the rel attribute value to identify the active tab + content
$(activeTab).fadeIn(); //Fade in the active content
return false;
});});

Answer 1

没太明白你的意思 是不是说有两个样式 一起加入 一起移除?
$("ul.nwj_ul1 li").removeClass("css1").removeClass("css2");
Jquery 链式调用 试试行不行 

Answer 2

这个TAB本身是正常移除active样式，但当页面有两处都要用这个TAB的时候，第二个TAB在移除、添加active样式时就无效，反而使用第二个TAB切换的时候，第一个有效果，第二个无反应

Answer 3

问题是解决了，是我前端代码的ID分配问题~~我这样写了两个方法，请问能不能将两个方法合并，这是我提问的本意$(document).ready(function() {    //Default Action
    $(".nwj_conttab1").hide(); //Hide all content
    $("ul#nwj_ul1 li:first").addClass("active").show(); //Activate first tab
    $(".nwj_conttab1:first").show(); //Show first tab content
    
    //On Click Event
    $("ul#nwj_ul1 li").click(function() {
        $("ul#nwj_ul1 li").removeClass("active"); //Remove any "active" class
        $(this).addClass("active"); //Add "active" class to selected tab
        $(".nwj_conttab1").hide(); //Hide all tab content
        var activeTab = $(this).find("a").attr("href"); //Find the rel attribute value to identify the active tab + content
        $(activeTab).fadeIn(); //Fade in the active content
        return false;
    });});$(document).ready(function() {    //Default Action
    $(".nwj_conttab2").hide(); //Hide all content
    $("ul#nwj_ul2 li:first").addClass("active").show(); //Activate first tab
    $(".nwj_conttab2:first").show(); //Show first tab content
    
    //On Click Event
    $("ul#nwj_ul2 li").click(function() {
        $("ul#nwj_ul2 li").removeClass("active"); //Remove any "active" class
        $(this).addClass("active"); //Add "active" class to selected tab
        $(".nwj_conttab2").hide(); //Hide all tab content
        var activeTab = $(this).find("a").attr("href"); //Find the rel attribute value to identify the active tab + content
        $(activeTab).fadeIn(); //Fade in the active content
        return false;
    });});

Answer 4

把function(){
}
里加一个参数提成另一个方法 不行么?
function init(idx){
    $(".nwj_conttab"+idx).hide(); //Hide all content
    $("ul#nwj_ul"+idx+" li:first").addClass("active").show(); //Activate first tab
    $(".nwj_conttab"+idx+":first").show(); //Show first tab content
 }$.ready(function(){
  init(1);
  init(2);
})

Answer 5

解决了，谢谢babyboy9685支持下帖便是同原理的解决方案，希望能帮助大家
http://topic.csdn.net/u/20110107/14/4e2228b8-e0ad-4806-81c3-5c67e8ff2e6e.html完了做成了实例：
http://www.joomlask.com/joomla/front-end-development/item/168-base-on-jquery-tabs-slide-in-one-page.html