jQuery: переключение между 3 классами (изначально)
Я видел несколько постов здесь на 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 или более классов?