jQuery FadeIn,FadeOut Div – IE7错误

我有一个div将在FF中悬停淡入淡出,但在IE7中它只是隐藏并显示没有动画.这是我的代码：

#nav-buttons {
    display:none;
    width:894px;
    position:relative;
    z-index:1000;
}
#left-button,#right-button {
position:absolute;
width:46px;
height:76px;        
}
#left-button {
background:url("images/arrows.png") no-repeat scroll -88px -60px transparent;
left:-46px;
}
#left-button:hover {
background-position:-88px -260px;
}
#right-button {
background:url("images/arrows.png") no-repeat scroll 3px -60px transparent;
right:-43px;
}
#right-button:hover {
background-position:4px -260px;
}


----------
<div id="contents">
<div id="nav-buttons">
    <a href="javascript:void(0)" id="left-button"></a>
    <a href="javascript:void(0)" id="right-button"></a>
</div>
 other html....
</div>

----------

$(document).ready(function() {                  
    $("#contents").hover(function() {
        $("#nav-buttons").fadetoggle("slow");
    });
});

解决方法

我能够通过fadetoggle()直接修复此项,而不是< div id = nav-buttons>这是我做的：

$(document).ready(function() {                  
   $("#contents").hover(function() {
      $("#left-button").fadetoggle("slow");
      $("#right-button").fadetoggle("slow");
   });
 });