javascript - jQuery .fadeOut()ブロック下のdiv

Question

このスライドショーの例をチェックしていて、奇妙な動作を見つけました。

私はこのコードを使用していますが、上の画像がフェードアウトするまで下の画像は表示されません。なんで？#above画像が画像にフェードアウトすることを期待していました#under。

( があることに注意し#aboveてくださいz-index:10;)

<div id="current_image">
    <img width="370" id="above" src="...
    <img width="370" id="under" src="...
</div>

jQuery

$(document).ready(function () {
    $(".small_image").click(function () {
        event.preventDefault();
        var image = $(this).prop("rel");
        var above = $('#above');
        var under = $('#under');
        under.prop('src', image);
        above.fadeOut(1000, function () {
            above.prop('src', under.prop('src')).css('display', 'block');
        });
    });
});

フィドル