原本实现的事文章折叠与展开,在实现了功能以后美化的时候用的。

效果如下所示

 点击查看完整内容

实现代码第一部分

.anim-trans {
-webkit-transition: .3s ease all;
    -moz-transition: .3s ease all;
    -o-transition: .3s ease all;
    transition: .3s ease all;
}

实现代码第二部分

.collapseButton.no .iconfont {
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	transform: rotate(180deg)
}
内容 1
可以用 active 参数指定默认展示的 tab 页是哪一个
内容 3
文章目录
正文到此结束