jQuery: Przełączanie między 3 klasami (początkowo)

Widziałem kilka postów na SO, ale są one zbyt specyficzne pod względem funkcjonalności i struktury, a tego, czego szukam, jest coś bardziej uniwersalnego, z którego ja lub ktokolwiek może korzystać w dowolnym miejscu.

Wszystko, czego potrzebuję, to mieć przycisk, który po kliknięciu może przechodzić między3 klasy. Ale jeśli pojawi się przypadek, aby przejść przez 4, 5 lub więcej klas, skrypt można łatwo skalować.

Od tej chwili jestem w stanie „jeździć na rowerze” pomiędzy dwiema klasami, co w zasadzie jest bardziej „przełączaniem” niż na rowerze, dlatego mam:

HTML:

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

jQuery:

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

Oto prostyskrzypce tego.

Teraz (dobrze, ja) uważam, że dodanie trzeciej klasy do metody zadziałałoby, ale nie:

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

Dzieje się tak, że przełączanie zaczyna się międzyclass1 iclass3 tylko.

W tym miejscu mam mój początkowy problem:Jak cyklicznie przełączać przycisk Przełącz3 klasy?

A potem: co jeśli ktoś musi jechać do 4, 5 lub więcej klas?

questionAnswers(8)

yourAnswerToTheQuestion