Cycle through CSS classes (including no class at all)

class-cycle.js

var classes = ["style1", "style2"];
$("element").on("click", function(event) {
	// Don't execute if the event is bubbling from a child node
	if (event.target !== this) return;
	var $el = $(this);
	$.each(classes, function(i, klass) {
		if ($el.hasClass(klass)) {
			$el.removeClass(klass)
			// Add the next class (if any)
			if (i < classes.length - 1) $el.addClass(classes[i + 1]);
			// Break the each loop after matching
			return false;
		}
		// If no class matched, add the first one
		if (i === classes.length - 1) $el.addClass(classes[0]);
	});
});