code review 13377

slidemessage.js

//http://codereview.stackexchange.com/questions/13377/jquery-drawer-with-tab
/*
preference: rename jquery instance variables to start with $
*/

$(function () {
    var $message = $('#message'),
        $tab = $('#tab'),
        $droid = $message.find('.droid'),
        speed = 300;

    function animateTab(top) {
        return function () {
            return $tab.animate({top: top}, speed);
        };
    }

    function animateMessage(top) {
        return function () {
            return $message.animate({marginTop: top}, speed);
        };
    }

    function animateDroid(bottom) {
        return function () {
            return $droid.delay(1000).animate({bottom: bottom}, 100);
        };
    }

    function queue(immediate) {
        var rest = [].splice.call(arguments, 1);
        if (immediate) {
            $.when(immediate()).then(function () {
                queue.apply(window, rest);
            });
        }
    }

    function slideMessage() {
        var tabVisible = $message.css('marginTop') !== "0px";

        if (tabVisible) {
            queue(animateTab("-90px"),
                animateMessage("0px")
            );
            animateDroid("0px")();
        } else {
            queue(animateMessage("-60px"),
                animateTab("0px")
            );
            animateDroid("-60px")();
        }
    }

    //Hide message if user has javascript
    $message.css('marginTop', '-60px');
    $droid.css('bottom', '-60px');
    setTimeout(slideMessage, 1000);

    $('#message .close, #tab').click(slideMessage);
});