* {
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;
}
这个切换虽然简单,但是方便套用,很适合新手入门,并且兼容性很好,也很利于理解。