Hover Blur menu effect

gistfile1.js

/*
* Two parts, anchors that will drop down some sort of menu ".nav.user a"
* ".nav.login" is shown and stays shown when hovered
*/

    var loginModule = $(".nav.login"),
        fade;

    $(".nav.user a").add( loginModule ).hover(function( ){

        if( /signup/.test( this.className ) ){

            loginModule.addClass( "signup" ).removeClass( "hidden" );
        } else if( /login/.test( this.className ) ){

            loginModule.removeClass( "signup" ).removeClass( "hidden" );
        }// else if( /login/.test( this.className ) ){
        //  Just reject nothing else to do
        //}

        if( fade ) fade.reject();
    }, function(){

        var scopeFade = fade = $.Deferred().done(function(){
            loginModule.addClass( "hidden" );
        });

        setTimeout(function(){

            if( scopeFade ) scopeFade.resolve( );
        }, 1000);
    });