Javascript 负底部边距在IE中不起作用

我有一个从视图中隐藏的div：

 position:fixed; 
 bottom:-240px; 

*更新II*

将底部从底部加倍：-240px到-480px，然后调整动画高度，在IE9中隐藏了div，并消除了Chrome和Safari中的闪烁。溢出：由于某些原因，隐藏在IE9中不起作用，我无法通过单击关闭按钮（mediaclose）在IE9中关闭div*

我使用jquery animate显示div，单击链接时可以访问该div：

 $("#media").click(function () {
 $("#mediadetails").animate({height: "425px"}, 1000);

而且为了隐藏它：

 $('#mediaclose').click(function() {
 $('#mediadetails').animate({height: "0px"}, 2000);

尝试：

---

你说它在IE中工作，然后你说它在IE中不工作，是吗？对不起，我的意思是它在Firefox中工作很好。你在找这样的东西吗：（单击任意位置切换div）。类似的，是的。但是我在div的右角有一个关闭按钮（#mediaclose）来关闭div，在页面的右上角有一个链接来打开它。我无法让div在IE中关闭，但所有其他浏览器都很好。如果你告诉我们你对哪个版本的IE有问题，这可能也会有所帮助。你的意思是用第一部分打开，用第二部分关闭吗？@user1667057不用第一部分关闭，用第二部分打开

$('#mediadetails').animate({height: 0}, 2000);
$('#mediadetails').animate({height: 425}, 2000);