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?