Javascript jQuery hide（）不工作（IE9）

我正在创建一个div，当页面加载时它应该隐藏，然后在用户单击链接时可见。下面的代码适用于FF/IE7/IE8，但不适用于IE9，因为在IE9中，div始终可见（没有内容）。提前谢谢

<script>
  $(document).ready(function() {
      $('#translateBoxen').hide();
      $('#translateToggle').click(function() {
         $('#translateBoxen').toggle(400);
         return false;
      });
  });
</script> // This is the jQuery code to hide and toggle the div //

<div style="width:200px;height:100px;position:absolute;"> // Just a holder that's needed for the site
  <a class="vitxtext" style="font-size:10px;" id="translateToggle" href="#">
      Translate
  </a>
  <div style="clear:both;"></div>
  <div id="translateBoxen">
       // BOX CONTENT //
  </div>
</div>

$（文档）.ready（函数（）{
$（'#translateBox'）.hide（）；
$（'#translateToggle'）。单击（函数（）{
$（'#translateBoxen'）。切换（400）；
返回false；
});
});
//这是用于隐藏和切换div的jQuery代码//
//只是一个网站需要的持有者
//盒子内容//
为什么不用CSS隐藏
？只需在CSS中设置为
display:none
，当第一次单击切换链接时，它就会显示出来

没有理由认为
toggle（）
在IE9中不起作用，你有脚本错误吗？
迟到了，但是试着用
display:none创建一个
.hidden
类，然后通过放置
addClass（'hidden'）
和
removeClass（'hidden'）
来隐藏/显示，而不是显示/隐藏
 您是否已检查浏览器的错误控制台（IE9中的F12）。这很可能是因为在调用hide（）之前的某行代码中发生了错误。其次，如果您计划在dom ready上隐藏它，那么您最好在CSS中将is display属性设置为none，以避免加载时出现任何跳跃。如果我将display设置为none，那么当我通过jQuery使用toggle命令时，div还会弹出吗？代码现在可以工作了，顺便说一句，我使用的是IE9模拟器，呵呵，但它在真正的IE9中可以工作。这在IE9上可以工作。是的，当你通过jQuery切换（）时，它仍然会弹出，即使你将它设置为显示：CSS中没有。检查你的文档是否处于怪癖模式。你使用的是jQuery 2+？