왜이 jquery 스크립트는 1 개 요소 만 타겟팅합니까?

Question

이 링크를 한번보십시오. http://dncminneapolis2012.com/new2

"두"를 클릭하면 두 번째 페이지로 이동하고 왼쪽에는 네 개의 상자가 나타납니다. 첫 번째 사진 위에 마우스를 올려 놓으면 다른 이미지와 잘 어울립니다.

제 질문은 왜 모든 상자에서 그렇게하지 않는 것입니까?

내 HTML이

<div class="facts" style="width: 472px; height: 130px; position: relative;" id="rec_1_box"> 
    <a href="#"><img src="images/resourceful_one.png" id="rec_1" /></a> 
    <div> 
    <a href="#"><img src="images/resourceful_one_hover.png" id="rec_1_hover" /></a> 
    </div> 
</div> 

<div class="facts" style="width: 472px; height: 130px; position: relative;" id="rec_2_box"> 
    <a href="#"><img src="images/resourceful_one.png" id="rec_2" /></a> 
    <div> 
    <a href="#"><img src="images/resourceful_one_hover.png" style="display:none;" id="rec_2_hover" /></a> 
    </div> 
</div> 

<div class="facts" style="width: 472px; height: 130px; position: relative;" id="rec_3_box"> 
    <a href="#"><img src="images/resourceful_one.png" id="rec_3" /></a> 
    <div> 
    <a href="#"><img src="images/resourceful_one_hover.png" style="display:none;" id="rec_3_hover" /></a> 
    </div> 
</div> 

<div class="facts" style="width: 472px; height: 130px; position: relative;" id="rec_4_box"> 
    <a href="#"><img src="images/resourceful_one.png" id="rec_4" /></a> 
    <div> 
    <a href="#"><img src="images/resourceful_one_hover.png" style="display:none;" id="rec_4_hover" /></a> 
    </div> 
</div> 

처럼 보이는 내 jQuery를은 사업부가 표시됩니다이

//find the div.facts elements and hook the hover event 
$('div.facts').hover(function() { 
    // on hover, find the element we want to fade up 
    var fade = $('> div', this); 

    // if the element is currently being animated (to a fadeOut)... 
    if(fade.is(':animated')) { 
    // ... take it's current opacity back to 1 
    fade.stop().fadeTo(250,1); 
    } else { 
    // fade in quickly 
    fade.fadeIn(250); 
    } 
}, function() { 
    // on hovering out, fade the element out 
    var fade = $('> div', this); 
    if(fade.is(':animated')) { 
    fade.stop().fadeTo(3000,0); 
    } else { 
    //fade away slowly 
    fade.fadeOut(250); 
    } 
}); 

Answer 1

처럼 보이지만 이미지 자체는 표시로 설정되어 있음 : 없음.