Метод toggle() работает как fadeIn()

Подскажите, есть код:

`<div id="div_for_img"> 
<img id="img_1" src="images/moto4.jpg" width="200" height="125" />
<img id="img_2" src="images/moto2.jpg" width="200" height="125" /> 
<img id="img_3" src="images/moto3.jpg" width="200" height="125" />
<img id="img_4" src="images/moto1.jpg" width="200" height="125" />
</div>
`

и есть jquery-обработчик:

$(document).ready(function() {
$('#div_for_img img').toggle(
function(eventObject) {
    if (eventObject.shiftKey == true) {
        $(this).css({'border':'4px solid #cc0000'});
    } else {
        $(this).css({'border':'0px solid #333333'});
    }
}, 
function(){
    $(this).css({'border':'none'});
 });
});

При запуске страницы с этим скриптом, блок <div id="div_for_img"> полностью исчезает со страницы. Так, как будто к нему применяеться метод fadeIn(). Не пойму, почему так? Пробовал на нескольких браузерах - эффект тот же.