jQuery: alternar entre 3 clases (inicialmente)

He visto varias publicaciones aquí en SO, pero son demasiado específicas en cuanto a funcionalidad y estructura, y lo que busco es algo más universal que yo o cualquiera pueda usar en cualquier lugar.

Todo lo que necesito es tener un botón que al hacer clic puede alternar entre3 clases Pero si surge el caso de tener que pasar por 4, 5 o más clases, el script se puede escalar fácilmente.

A partir de este momento, puedo "alternar" entre dos clases, lo que básicamente es más "alternar" que ir en bicicleta, por lo que tengo:

HTML:

<a href="#" class="toggle">Toggle classes</a>
<div class="class1">...</div>

jQuery:

$('.toggle').click(function () {
  $('div').toggleClass('class1 class2');
});

Aquí hay un simpleviolín de esta.

Ahora, usted (bueno, yo) creo que agregar una tercera clase al método funcionaría, pero no lo hace:

$('div').toggleClass('class1 class2 class3');

Lo que pasa es que la alternancia comienza a suceder entreclass1 yclass3 solamente.

Así que aquí es donde tengo mi problema inicial:Cómo hacer que el botón de alternar alterne secuencialmente3 clases?

Y luego: ¿Qué pasa si alguien necesita pasar de 4, 5 o más clases?

Respuestas a la pregunta(8)

Su respuesta a la pregunta