behavior-toggle-class.js
No OneTemporary
Actions

Size

843 B

Subscribers

None

behavior-toggle-class.js
View Options

	/**
	* @provides javelin-behavior-toggle-class
	* @requires javelin-behavior
	* javelin-stratcom
	* javelin-dom
	*/

	/**
	* Toggle CSS classes when an element is clicked. This behavior is activated
	* by adding the sigil `jx-toggle-class` to an element, and a key `map` to its
	* data. The `map` should be a map from element IDs to the classes that should
	* be toggled on them.
	*
	* Optionally, you may provide a `state` key to set the default state of the
	* element.
	*
	* @group ui
	*/
	JX.behavior('toggle-class', function() {
	JX.Stratcom.listen(
	['touchstart', 'mousedown'],
	'jx-toggle-class',
	function(e) {
	e.kill();

	var t = e.getNodeData('jx-toggle-class');
	t.state = !t.state;
	for (var k in t.map) {
	JX.DOM.alterClass(JX.$(k), t.map[k], t.state);
	}
	});
	});