Toggle between 3 classes using toggleclass

Question

I have 3 images that I want to switch between. I put each one of them in a class & change it\'s image in the css. I can now switch between 2 classes but when I add the

Answer 1

$('.one, .two, .three').click(function(){                             
        $(this).toggleClass("one, two, three");
    });

Answer 2

The safest way would be to remove unwanted classes and add the required class:

// Switch to class 'three'
$(this).removeClass('one').removeClass('two').addClass('three');

Answer 3

Example fiddle: http://jsfiddle.net/KdfEV/

This code will allow you to cycle through a sequence of defined classes

$('.one, .two, .three').click(function() {                             
    this.className = {
       three : 'one', one: 'two', two: 'three'
    }[this.className];
});