Fadeout page after animation finishes

I want an animation (function handleScreen(mql)) to run and after it is completed, for the page (#splash,#name) to fade out. I tried adding a .done function but that doesn't seem to work. Any help would be very much appreciated.

$(document).ready(function() {

    $("#splash,#name").show()

    var mql = window.matchMedia("(max-width: 480px)");

    function smallBlock() {
        //STUFF
    };

    function largeBlock() {
        //STUFF
    };

    function handleScreen(mql) {
        if (mql.matches) {
            smallBlock();
        } else {
            largeBlock();
        }

        mql.addListener(handleScreen);
        handleScreen(mql);
    };

    $.when(handleScreen(mql).done(function() {
            setTimeout(function() {
                $("#name,#splash").fadeOut("slow")
            }, 1000)
        });
    });
});

via Chebli Mohamed