87,901
社区成员
发帖
与我相关
我的任务
分享
<div id="lefttabs" style="width:100%; margin:20px 0px;">
<ul>
<li><a href="#lefttabs-1">标题及信息类型</a></li>
<li><a href="#lefttabs-2">处理笺</a></li>
<li><a href="#lefttabs-3">正文</a></li>
</ul>
<div id="lefttabs-1" style="width:80%; margin-right:0px;">
1
</div>
<div id="lefttabs-2" style="width:80%; margin-right:0px;">
2
</div>
<div id="lefttabs-3" style="width:80%; margin-right:0px;">
<div id="tabs" class="tabs-bottom">
<ul>
<li><a href="#tabs-1">Nunc tincidunt</a></li>
<li><a href="#tabs-2">Proin dolor</a></li>
<li><a href="#tabs-3">Aenean lacinia</a></li>
</ul>
<div id="tabs-1"></div>
<div id="tabs-2"></div>
<div id="tabs-3"></div>
</div>
</div>
<script>
$( "#lefttabs" ).tabs().addClass( "ui-tabs-vertical ui-helper-clearfix" );
$( "#lefttabs li" ).removeClass( "ui-corner-top" ).addClass( "ui-corner-left" );
$( "#tabs" ).tabs();
</script>