Html
    Css
    Js

    
                        
body,ul,li,div,a {
	margin:0px;
	padding:0px;
	color:#999
}
ul {
	list-style:none;
}
.left {
	float:left;
}
.right {
	float:right;
}
.clear {
	clear:both;
}
.clearfix:after {
	visibility:hidden;
	display:block;
	clear:both;
	height:0;
	font-size:0;
	content:".";
}
.clearfix {
	zoom:1;
}
.box {
	width:960px;
	margin:40px auto;
	background:#eff3f5;
	overflow:hidden;
	padding:40px 0px;
}
/*tab里套tab*/
.tab {
	width:504px;
	margin:0 auto;
	border:1px solid #6391FF;
}
.title ul li {
	float:left;
	width:100px;
	border-top:5px solid #6391FF;
	border-right:1px solid #09c;
	border-bottom:1px solid #6391FF;
	color:#666;
	text-align:center;
	line-height:40px;
	cursor:pointer;
}
.title ul li:last-child {
	border-right:0px;
}
.clear {
	clear:both;
}
.content .info .new_1 {
	background:#e3f1f8;
	color:#fff;
	color:#000;
}
.content {
	background:#fff;
}
.info ul {
	width:103px;
	float:left;
}
.info ul li {
	color:#999;
	text-align:center;
	line-height:40px;
}
.info .inContent {
	float:left;
	text-align:left;
	padding-top:10px;
	width:380px;
	line-height:40px;
	height:110px;
	overflow:hidden;
	padding-left:20px;
	display:inline;
	background:#e1edf3;
}
.title ul li.new {
	border-bottom:1px;
	background:#6391FF;
	color:#fff;
}
/*tab里套tab*/

                        
↑上面代码改变,会自动显示代码结果 jQuery调用版本:2.1.4
 立即下载

JQuery tab切换,支持嵌套切换(原创)

更新时间:2020-12-09 23:53:48

tab切换,支持嵌套切换

0