(function ($) {
"use strict";
$(document).on('click', '[ui-toggle-class]', function (e) {
e.preventDefault();
var $this = $(e.target);
$this.attr('ui-toggle-class') || ($this = $this.closest('[ui-toggle-class]'));
var classes = $this.attr('ui-toggle-class').split(','),
targets = ($this.attr('ui-target') && $this.attr('ui-target').split(',')) || ($this.attr('target') && $this.attr('target').split(',')) || Array($this),
key = 0;
$.each(classes, function( index, value ) {
var target = $( targets[(targets.length && key)] ),
current = target.attr('ui-class'),
_class = classes[index];
(current != _class) && target.removeClass( target.attr('ui-class') );
target.toggleClass(classes[index]);
target.attr('ui-class', _class);
key ++;
});
$this.toggleClass('active');
});
})(jQuery);