LI fadeout on hover

Question

私はあなたがLIの上にマウスを乗せたときにわずかにフェードアウトし、フォーカスのあるものだけが完全に見えるリストをセットアップしました。 。誰かが私を正しい方向に向けることができますか？

$("#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}); 
});