jQuery源码分析17: .toggle()

jQuery源码分析17: .toggle()

jQuery.extend({
    // A global GUID counter for objects
    guid: 1,
});

jQuery.fn.extend({
    toggle: function( fn ) {
        // Save reference to arguments for access in closure
        var args = arguments,
            guid = fn.guid || jQuery.guid++,
            i = 0,
            toggler = function( event ) {
                // Figure out which function to execute
                var lastToggle = ( jQuery._data( this, "lastToggle" + fn.guid ) || 0 ) % i;
                jQuery._data( this, "lastToggle" + fn.guid, lastToggle + 1 );

                // Make sure that clicks stop
                event.preventDefault();

                // and execute the function
                return args[ lastToggle ].apply( this, arguments ) || false;
            };

        // link all the functions, so any of them can unbind this click handler
        toggler.guid = guid;
        while ( i < args.length ) {
            args[ i++ ].guid = guid;
        }

        return this.click( toggler );
    },
});

// Save the old toggle function
_toggle: jQuery.fn.toggle,

toggle: function( fn, fn2, callback ) {
    var bool = typeof fn === "boolean";
 
    if ( jQuery.isFunction(fn) && jQuery.isFunction(fn2) ) {
        this._toggle.apply( this, arguments );
    } else if ( fn == null || bool ) {   //< 当调用$(elem).toggle([true|false|\s*]);时相当于.show(),.hide()
        this.each(function() {
            var state = bool ? fn : jQuery(this).is(":hidden");
            jQuery(this)[ state ? "show" : "hide" ]();   //< <==> jQuery(this)['show'](),jQuery(this)['hide']()
        });
    } else {
        this.animate(genFx("toggle", 3), fn, fn2, callback);
    }
 
    return this;
},