javascript - CSS3 Javascript 触发过渡动画

Question

我有一个 DIV 类设置如下:

div.map_view{
height: 420px;
transition: height 2s;
-moz-transition: height 2s; /* Firefox 4 */
-webkit-transition: height 2s; /* Safari and Chrome */
-o-transition: height 2s; /* Opera */
}

目的是当我改变这个 DIV 的高度时，它会动画滚动(在本例中为向上)。当我在我的脚本中调用这个函数时:document.getElementById('map_view').style.height = '0px';，它立即消失(没有动画)。但是，如果我将其注释掉并在我的 JS 调试器中调用完全相同的行，则动画有效。

这是为什么？我缺少什么导致它在我的脚本中什么都不做？

Answer 1

我知道我已经通过使用 jquery 来解决这个问题，但这是我得到的:

http://jsfiddle.net/qZ6J4/7/

看看那个。