Я видел несколько постов здесь на SO, но они слишком специфичны по функциональности и структуре, и что яя ищу что-то более универсальное, что я или кто-либо может использовать где угодно.

Все, что мне нужно, это иметь кнопку, которая при нажатии может переключаться между 3 классы. Но если возникает необходимость циклически проходить через 4, 5 или более классов, этот сценарий можно легко масштабировать.

На данный момент я могуцикл» между двумя классами, что в основном большепереключение» чем ездить на велосипеде, так что для этого у меня есть:

HTML:

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

JQuery:

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

Вот'простойиграть на скрипке этого.

Теперь, вы бы (ну, я) думали, что добавление третьего класса в метод будет работать, но это не такт:

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

Что происходит, что переключение начинает происходить междуclass1 а такжеclass3 только.

Так вот где у меня есть начальная проблема:Как сделать так, чтобы кнопка Toggle переключалась последовательно через 3 классы?

А потом: что делать, если кому-то нужно перейти на 4, 5 или более классов?