Hover effect on a group of items - preventing flicker when moving to sibling elements
<p>I have a group of items on a page -- when one is hovered over, its siblings get their opacity changed so that they appeared dimmed. When the cursor is moved to another item in the group, the siblings first fade back to 100% opacity, before then getting dimmed back again. How do I prevent the un-dimming for the items that are already dimmed (except, of course, for the one being hovered over)?</p>

<p>My jQuery code is below, and I've set up a jsfiddle demo of it here:
<a href="http://jsfiddle.net/clorentzen/wmhMR/2/" rel="nofollow">http://jsfiddle.net/clorentzen/wmhMR/2/</a></p>

<p>Thanks!</p>

<pre><code>$(document).ready(function() {
    $('.module').hover(function() {
        $(this).siblings('div').fadeTo(250, .5);
    }, function() {
        $(this).siblings('div').fadeTo(250, 1.0);
    });
});
</code></pre>
