类似的例子网上也有，感兴趣的同学可以去google，这里我自己试着去实现一个，其实很简单，主要是用到了css3中的:target伪类和transition效果.
css中注意下:target和transition部分就大致清楚了.代码中css的prefix为了简明只用了-moz-
:target定位的元素对应于浏览器url最后的#xxx,xxx是元素的id,我们通过点击标题链接实现切换功能。
以下是jsfiddle中得实际效果（firefox浏览或者修改css前缀）
类似的例子网上也有，感兴趣的同学可以去google，这里我自己试着去实现一个，其实很简单，主要是用到了css3中的:target伪类和transition效果.
css中注意下:target和transition部分就大致清楚了.代码中css的prefix为了简明只用了-moz-
:target定位的元素对应于浏览器url最后的#xxx,xxx是元素的id,我们通过点击标题链接实现切换功能。
以下是jsfiddle中得实际效果（firefox浏览或者修改css前缀）