刚才在研究css
发现css3有办法作出动画效果
就先练习2D的转换，参考了w3c上面的范例
目标是希望可以让div可以变长变短
这是我写的css
.accordion-content{
width:100%;
height:0px;
background:yellow;
transition:height 2s;
-moz-transition:height 2s; /* Firefox 4 */
-webkit-transition:height 2s; /* Safari and Chrome */
-o-transition:height 2s; /* Opera */
}
.accordion-content-hover{
height:200px;
}
可是刚才试过之后
发现跟我想像的不一样
DIV的高度没有改变，一直都固定显示
当触发改变的时候背景的黄色长度会慢慢变长到200px
可是我希望是整个都一起变化
请问应该怎么修改？
谢谢各位

先确认是不是你打错 .accordion-content:hover

:hover

http://jsfiddle.net/102q7m3w/其实我不懂妳说的"整个都一起变化"是什么东西有变化以为要问的是CSS，结果连jquery都出现了不把整个网页的原始码丢上来吗?

因为你动的只有容器的高度，里面的东西当然就只是跟着容器一起满出来，不知道你要的是什么效果，如果跟我想的一样那可以搭配transform的scale跟translate来做到

容器变大了 里面的东西没有变大阿