LI fadeout on hover

Question

我已经设置了一个列表，当你将鼠标悬停在LI上时，其他人稍稍淡出，只有焦点中的焦点完全可见，但是当你徘徊在2以上但是在初始盘旋时它们全部淡出。有人能指出我正确的方向吗？

$("#products ul ul").hover(function(){ 
    $('li', this).siblings().stop().animate({"opacity": .8}); 
},function(){ 
    $('li',this).stop().animate({"opacity": 1}); 
}); 

$("#products ul ul li").hover(function(){ 
    $(this).stop().animate({"opacity": 1}); 
},function(){ 
    $(this).stop().animate({"opacity": .8}); 
}); 

非常感谢

Answer 1

你的意思是这样的 - http://jsfiddle.net/PVGS7/？

<div id="products"> 

<ul> 
    <li>list item</li> 
    <li>list item</li> 
    <li>list item 
     <ul> 
      <li>sub list item</li> 
      <li>sub list item</li> 
      <li>sub list item</li> 
      <li>sub list item</li> 
      <li>sub list item</li> 
     </ul> 
    </li> 
    <li>list item</li> 
    <li>list item</li> 
    <li>list item</li> 
</ul> 

</div> 

和JS

$("#products ul li").hover(function(){ 
    $(this).siblings().stop().animate({"opacity": .5}); 
},function(){ 
    $(this).siblings().stop().animate({"opacity": 1}); 
});