 <p>You can use <code>.siblings()</code> this way:</p> <pre><code>$('.image, .icon').hover(function(e) { if(e.type === 'mouseenter' &amp;&amp; $(e.target).is('.image')){ $('.icon').stop().animate({"opacity": 0}); $(this).siblings('.icon').stop().animate({"opacity": 1}); } if(e.type === 'mouseleave' &amp;&amp; $(e.target).is('.icon')){ $('.icon').stop().animate({"opacity": 0}); } }); </code></pre> <p>and change your context to current selector with <code>$(this)</code></p> <p><a href="http://jsfiddle.net/PNRwk/20/" rel="nofollow"><strong>UPDATED Fiddle demo</strong></a></p>