我在列表中有一个带有 div 的 easyslider 来显示内容,这样当我将鼠标悬停在一个列表上时,隐藏的 div 会通过 fadeIn Fadeout Jquery 显示。
它适用于除最后一个列表之外的所有列表。隐藏内容中的位置不显示。有人可以帮忙吗?
我认为我注意到的是,当我在最后一个列表之后插入一个空白列表时,它似乎可以工作。这是唯一的解决方法吗?
链接到 DropBox:https ://dl.dropboxusercontent.com/u/7940498/testtes/bb/01Test_X.html
jsfiddle:http: //jsfiddle.net/newbie_ready_to_learn/kQnFj/1/
<script>
$(document).ready(function() {
$("#Cont_All1").hover(function(){
$("#HiddenCont1").fadeIn(700);
},function(){
$("#HiddenCont1").fadeOut(900);
});
$("#Cont_All2").hover(function(){
$("#HiddenCont2").fadeIn(700);
},function(){
$("#HiddenCont2").fadeOut(900);
});
$("#Cont_All3").hover(function(){
$("#HiddenCont3").fadeIn(700);
},function(){
$("#HiddenCont3").fadeOut(900);
});
$("#Cont_All4").hover(function(){
$("#HiddenCont4").fadeIn(700);
},function(){
$("#HiddenCont4").fadeOut(900);
});
});
</script>
<div>
<li>
<div #Cont_All1>
<div Img>
</div>
Content
<div #HiddenCont1>
</div>
</div>
</li>
<li>
<div #Cont_All2>
<div Img>
</div>
Content
<div #HiddenCont2>
</div>
</div>
</li>
<li>
<div #Cont_All3>
<div Img>
</div>
Content
<div #HiddenCont3>
</div>
</div>
</li>
<li>
<div #Cont_All4>
<div Img>
</div>
Content
<div #HiddenCont4>
</div>
</div>
</li>
</div>