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 или более классов?