爲什麼這個jQuery腳本只針對1個元素？

Question

看看這個鏈接http://dncminneapolis2012.com/new2

如果你點擊「two」，它會滑動到第二頁，你會看到左邊的4個框。如果您將鼠標懸停在第一張圖片上，則會很好地淡入其他圖片。

我的問題是爲什麼它沒有這樣做的所有框？

我的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

DIV的顯示，但圖像本身設置爲顯示：無。