Html
    Css
    Js
* {
	margin:0;
	padding:0;
	list-style:none;
}
.big {
	margin:100px auto;
	width:400px;
	box-sizing:border-box;
}
.son1 {
	border-right:0 none;
}
.son1 a {
	float:left;
	width:100px;
	text-align:center;
	text-decoration:none;
	display:inline-block;
}
.son2 li {
	width:100%;
	display:none;
}
.son2 .active {
	display:block;
}

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

TAB切换简洁实用

这个切换虽然简单,但是方便套用,很适合新手入门,并且兼容性很好,也很利于理解。

0