先上代码:
<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测试也是一样,不知道是什么原因。
还请高手解答一下,最好下载这个代码测试一下。谢谢了。
<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测试也是一样,不知道是什么原因。
还请高手解答一下,最好下载这个代码测试一下。谢谢了。
这样看看,可能是下面的div由于位置变化的效果