在asp.net中的css垂直制表符

Question

我想要一个使用css的垂直选项卡菜单，它将显示为像ajax控件工具包选项卡容器。请参阅second example in the link。 我需要用css来实现这一点，而不必使用ajax控件工具包。

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>