jquery animate效果的问题

Question

先上代码：
<script src="/js/jquery132.js" type="text/javascript"></script>
<script type="text/javascript">
      function testan(){
        $('#test-content').animate({height:'toggle'},300);
        //$('#test-content').slideUp();
      }
</script>
<div><div id="test-content" style="height:100px;background-color:#000;"></div></div>
<div style="height:50px;background-color:red;"></div>
<div><input type="button" value="test button" onclick="testan();"/></div>点击按钮后想让黑色的区域slideup，就是收起来，在ie6、7、8下，当黑色区域收起后，又突然弹出一个空白，而后消失，不知道这是什么原因，另外在ff下，动画的效果也不理想。同理用jq1.4.2测试也是一样，不知道是什么原因。
还请高手解答一下，最好下载这个代码测试一下。谢谢了。

Answer 1

也就是没有结贴习惯    你的问题可能是css里面的样式块的问题

Answer 2

没有css，只要把上面的代码拿来测试一下就好了。

Answer 3

<div><div id="test-content" style="height:100px;background-color:#000;" onclick="testan();"></div></div>
这样看看，可能是下面的div由于位置变化的效果