更改樣式時顯示和隱藏內容

Question

我有一個帶有選項卡的導航欄。一個標籤在點擊時應該變爲活動狀態，即css應該改變。另外以前的內容應該被隱藏和新的內容顯示，但不I'ts表現得像我希望它：

http://jsfiddle.net/8qz78pkc/

我在做什麼錯？

SO需要這裏的一些代碼是有些JS：

$(document).ready(function(){ 
    $('.profileSubpage:gt(0)').hide(); 
    $(document).on('click','ul.profileTabs li',function(e){ 
     e.preventDefault(); 
     var number = $(this).index(); 
     $(".profileSubpage").hide().eq((this).index()).show(); 
     $(this).addClass("active").siblings().removeClass("active"); 
    }); 
}); 

Answer 1

你在你的代碼中的錯誤：

eq((this).index()) 

應該是：

eq($(this).index()) 

Answer 2

我已經修改你的代碼。檢查，

$(document).on('click','ul.profileTabs li',function(e){ 
     e.preventDefault(); 
     var number = $(this).index(); 
     $(".profileSubpage").hide(); 
     $(".profileSubpage:eq("+number+")").show(); 
     $(this).addClass("active").siblings().removeClass("active"); 
});