类似的例子网上也有，感兴趣的同学可以去google，这里我自己试着去实现一个，其实很简单，主要是用到了css3中的:target伪类和transition效果.

css中注意下:target和transition部分就大致清楚了.代码中css的prefix为了简明只用了-moz-:target定位的元素对应于浏览器url最后的#xxx,xxx是元素的id,我们通过点击标题链接实现切换功能。以下是jsfiddle中得实际效果（firefox浏览或者修改css前缀） 复制代码代码如下: title one <div id=”one” class=”content round