Canceling current animation when the mouse pointer hovers on/out quickly.

gistfile1.js

$('#i-am-an .box').hover(
    function(e) {
        var t = $(this).find('.drawer');
        if (t.is(':animated')) {
            t.stop(true, false);
        }
        t.delay(100).animate({top:'0px'}, 400);
    },
    function(e) {
        var t = $(this).find('.drawer');
        if (t.is(':animated')) {
            t.stop(true, false);
        }
        t.animate({top:'300px'}, 400);
    }
);