Javascript 使用css3，如何使表行缓慢展开/收缩？

希望逐步“打开”和“关闭”表格中的行，并根据需要向下或向上推下方的行

我可以使用

转换

进行计时，使用

转换

进行大小调整，从而使div展开/收缩（无法使用

高度

）

sample.css 但这对周围环境没有影响。

h1.squence

有效地到达

0px

高度，但是

h1

后面的块保持原样

---

我想要的是一种可以扩展/收缩的机制，比如

tr

或

div

或

li

，周围的块体响应我的制作空间或占用新的可用空间，比如

显示：无慢动作。
要做到这一点，您需要更多的代码，因为您无法根据父项大小设置所有子项的大小。文本和固定大小之类的东西不会收缩。我建议你用alpha淡入淡出。
我做了一把小提琴。（添加了点击操作。）

Css代码看起来像

transition:height 2s;

你可以试试看我是否明白你想要什么。
我想我解释得不太清楚。想象三个
div
s：如果
display:none
，则
display:block
中间的
div
，底部的
div
将向上或向下移动。想象一下同样的情况，除了底部的
div
缓慢地向上或向下移动。当我以前玩这个游戏时，
transition
不适用于
height
，而适用于
transform
——如果使用
height
则肯定是正确的。将进一步测试并返回。
chrome
中的结果与前面一样：转换是瞬时的，而不是转换所说的2秒钟。这是在什么浏览器中工作的？我知道它在Chrome 27.0.1453.116和IE 10.0.9200中工作。所以，你的机器可能是原因。只是为了确保，在你的小提琴上，当你将鼠标悬停在
div2
上时，它会打开得更宽，需要整整两秒钟的时间-是吗？我没有测量它，但我想是的。它以慢动作打开了将近两秒钟。
transition:height 2s;