jQuery: переключение между 3 классами (изначально)

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

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

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

HTML:

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

JQuery:

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

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

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

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

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

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

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

Ответы на вопрос(8)

Ваш ответ на вопрос