jquery - 切换其他 DIV 的不透明度

Question

我正在寻找一种简单的方法，可能使用 jQuery，在悬停时降低所有其他 DIV 的不透明度，并将它们返回。

<div id="fade_container">
     <div id="fade1">Content</div>
     <div id="fade2">Content</div>
     <div id="fade3">Content</div>
     <div id="fade4">Content</div>
</div>

例如:当fade2悬停在fade1、fade3和fade4时应该失去一些不透明度。

如有任何帮助，我们将不胜感激，

谢谢!

Answer 1

http://api.jquery.com/fadeTo/

$('#fade_container div').hover(function(){  // mouseover 
  $(this).siblings().fadeTo('fast',0.5);  
}, function(){  // mouseout 
  $(this).siblings().fadeTo('fast',1.0);
});

http://jsfiddle.net/6XygU/4/