没人能解答的问题？ie8中，iframe存在后，jquery动画时间失效

ie8中，iframe存在后，jquery动画时间失效，去掉iframe可以执行。
当点击网页后，在右边1秒内会出现一个框。除了ie8都可以。
但是在ie8中无法执行.不知道为什么！只要带上动画的时间参数就不能出现。
有什么办法能解决的？
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<head><style>
body{margin:0;  padding:0;}
#hiddenbar{display:none;width:250px;height:500px;border:1px solid;position:absolute;right:0;top:0;    }
#editing{width:300px ;height:300px ;border:1px solid;}
</style><script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
 //  document.getElementById("editing").contentWindow.document.designMode='On';$(document).click(function(e){$("#hiddenbar").show(1000)})
$("#hiddenbar").mouseleave(function(){$(this).hide(500)})
})
</script>
 </head> <body>
<iframe name="editing" id="editing"></iframe>
<div id="hiddenbar"> </div>
 </body>
</html>