Eu vi vários posts aqui no SO, mas eles são muito específicos em funcionalidade e estrutura, e o que eu estou procurando é algo mais universal que eu ou qualquer um pode usar em qualquer lugar.

Tudo que eu preciso é ter um botão que quando clicado pode alternar entre3 classes. Mas, caso surja o caso de ter que percorrer 4, 5 ou mais classes, o script pode ser facilmente dimensionado.

A partir deste momento eu sou capaz de 'ciclo' entre duas classes que é basicamente mais "alternando" do que andar de bicicleta, então para isso eu tenho:

HTML:

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

jQuery:

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

Aqui está um simplesviolino disto.

Agora, você (bem, eu) acho que adicionar uma terceira classe ao método funcionaria, mas não:

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

O que acontece é que a toggling começa a acontecer entreclass1 eclass3 só.

Então é aí que eu tenho o meu problema inicial:Como fazer com que o botão Alternar seja executado seqüencialmente3 classes?

E então: E se alguém precisar pedalar para 4, 5 ou mais aulas?