JQuery + CSS Verticle 탭을 만드는 방법

Question

내 탭에 문제가 있으면 Jquery가 제대로 작동하지 않습니다.

다른 정보를 표시하기 위해 verticle 탭을 만들려고 시도했지만 jquery가 작동하지 않습니다.

1. 첫 번째 것을 제외한 모든 div를 숨기려고합니다.
2. 탭 목록 중 하나를 클릭하면 활성 클래스가 추가되고 다른 클래스에서 제거됩니다.
3. 마지막으로 모든 div를 숨기고 클릭 한 것을 표시하십시오.

Click for jsfiddle demo

$(document).ready(function() { 
    tabContent(); 
}) 

function tabContent() { 
    $('#tabsD div:not(:first)').hide(); 
    $('#tab-container li').click(function(event){ 
     var id = $(event.target).index(); 
     $('.active').removeClass('active'); 
     $(event.target).addClass('active'); 
     $('#tabsD div').hide().eq(id).show(); 
    }); 
} 

Answer 1

사용이 -

var id = $(this).index('li'); 

데모 --->http://jsfiddle.net/HjYZ6/6/

Answer 2

을 바퀴 재발견 할 필요가 없습니다 :에 탭에 대한

봐 올바른

http://twitter.github.io/bootstrap/components.html