asp.net의 CSS 수직 탭

Question

나는 ajax 컨트롤 툴킷 탭 컨테이너처럼 보일 CSS를 사용하여 수직 탭 메뉴를 원합니다. second example in the link을 참조하십시오.ajax 컨트롤 툴킷을 사용하지 않고도 CSS를 사용하여이 작업을 수행해야합니다.

Answer 1

당신은 너무처럼, 그것은 생산 CSS보고 상태를 제어하기 위해 jQuery를 스크립트를 만들 수 있습니다

$(document).ready(function() {  
    var tabs = $('div.tabs > div'); 
    tabs.hide().filter(':first').show(); 

    $('ul.tab_nav li a').click(function() { 
     tabs.hide(); 
     tabs.filter(this.hash).show(); 
     $('ul.tab_nav li a').parent().removeClass('selected'); 
     $(this).parent().addClass('selected'); 
     return false; 
    }).filter(':first').click(); 
} 

을 같은 일부 HTML로 : 나는 생각하지 않는다

<ul class="tab_nav"> 
    <li><a href="#tab-1">Tab 1</a></li> 
    <li><a href="#tab-2">Tab 2</a></li> 
</ul> 
<div class="tabs"> 
    <div id="tab-1"> 
     Tab 1 
    </div> 
    <div id="tab-2"> 
     Tab 2 
    </div> 
</div>