Allow addRemoveClass delegator to target multiple elements.

anutron · Aug 31, 2013 · 00f8a75 · 00f8a75
1 parent f9b4a56
commit 00f8a75
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 4 deletions.
diff --git a/Docs/Delegators/Delegators.AddRemoveClass.md b/Docs/Delegators/Delegators.AddRemoveClass.md
@@ -20,6 +20,7 @@ Toggles a Class on a specified element.
 ### Options
 
 * target - (*string*; optional) A selector for the element you wish to toggle the class. If not specified will change the class on the element itself.
+* targets - (*string*; optional) A selector that returns multiple elements you wish to alter. Ignored if `target` is set.
 * class - (*string*; **required**) The class you wish to toggle.
 
 Delegator Trigger: addClass
@@ -39,6 +40,7 @@ Adds a Class to a specified element.
 ### Options
 
 * target - (*string*; optional) A selector for the element you to which to add the class. If not specified will change the class on the element itself.
+* targets - (*string*; optional) A selector that returns multiple elements you wish to alter. Ignored if `target` is set.
 * class - (*string*; **required**) The class you wish to add.
 
 Delegator Trigger: removeClass
@@ -58,4 +60,5 @@ Removes a Class from a specified element.
 ### Options
 
 * target - (*string*; optional) A selector for the element you from which to remove the class. If not specified will change the class on the element itself.
+* targets - (*string*; optional) A selector that returns multiple elements you wish to alter. Ignored if `target` is set.
 * class - (*string*; **required**) The class you wish to remove.
diff --git a/Source/Delegators/Delegator.AddRemoveClass.js b/Source/Delegators/Delegator.AddRemoveClass.js
@@ -18,10 +18,10 @@ name: Delegator.AddRemoveClass
 			require: ['class'],
 			handler: function(event, link, api){
 				var target = link;
-				if (api.get('target')) {
-					target = link.getElement(api.get('target'));
-					if (!target) api.fail('could not locate target element to ' + action + ' its class', link);
-				}
+
+				if (api.get('target')) target = api.getElements('target')
+				else if (api.get('targets')) target = api.getElements('targets');
+
 				target[action + 'Class'](api.get('class'));
 			}
 		};