Spowolnienie dodania klasy w jquery

Question

Jak spowolnić dodanie i usunięcie klasy w jQuery? Chciałabym aby po prostu było to płynne przejście.
 

            $('.kwadrat1').click(function () {
            if ($(this).hasClass('shadow')) {
                $('.kwadrat1').removeClass('shadow', 2000);
            }
            else {

                $('.kwadrat1').addClass('shadow', 2000);
            }
            

            });

To nie działa tak jak chcę, te liczby nie powodują rozciągnięcia efektu w czasie. Nie wiem dlaczego nie działają.
Jak upłynnić dodanie klasy, aby nie było gwałtowne, lecz płynne?

Answer 1

Dodaj transition do .kwadrat1

Zamiast if hasClass removeClass else addClass możesz użyć toggleClasss

Comments

$('.kwadrat1').click(function () {
  this.classList.toggle('shadow');
});

Tada~