toggleClass can now toggle multiple classNames (space seperated list) and toggle the whole className. fixes #3825.

1 files changed, 19 insertions, 3 deletions

diff --git a/src/attributes.js b/src/attributes.js
index d3dfb72da..04562ff8b 100644
--- a/src/attributes.js
+++ b/src/attributes.js
@@ -130,9 +130,25 @@ jQuery.each({
 	},
 
 	toggleClass: function( classNames, state ) {
-		if( typeof state !== "boolean" )
-			state = !jQuery.className.has( this, classNames );
-		jQuery.className[ state ? "add" : "remove" ]( this, classNames );
+		var type = typeof classNames;
+		if ( type === "string" ) {
+			// toggle individual class names
+			var isBool = typeof state === "boolean", className, i = 0,
+				classNames = classNames.split( /\s+/ );
+			while ( (className = classNames[ i++ ]) ) {
+				// check each className given, space seperated list
+				state = isBool ? state : !jQuery.className.has( this, className );
+				jQuery.className[ state ? "add" : "remove" ]( this, className );
+			}
+		} else if ( type === "undefined" || type === "boolean" ) {
+			// toggle whole className
+			if ( this.className || classNames === false ) {
+				jQuery.data( this, "__className__", this.className );
+				this.className = "";
+			} else {
+				this.className = jQuery.data( this, "__className__" ) || "";
+			}
+		}
 	}
 }, function(name, fn){
 	jQuery.fn[ name ] = function(){