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}); 
});