Как удалить один класс и добавить другой при клике, при повторном клике обратные действия совершить? Возможно ли добавить анимацию при переключении классов? (toggleClass)
1 ответ
Допустим есть элемент с классом test1, данная конструкция при клике на нем будет менять класс test1 на test2 и наоборот:
$(".test1, .test2").on('click', function () {
$(this).toggleClass("test1 test2");
});
Анимацию же можно прописать в CSS стилях данных двух классов, например, самое простое — плавное изменение цвета шрифта:
.test1,.test2 {
font-weight: bold;
-webkit-transition: color 1s ease-out;
-moz-transition: color 1s ease-out;
-o-transition: color 1s ease-out;
transition: color 1s ease-out;
}
.test1 {
color: red;
}
.test2 {
color: green;
}
toggle
. developer.mozilla.org/ru/docs/Web/API/Element/classList. Чтобы получить более точный ответ, нужно задать более точный вопрос: показать верстку, пример кода своих попыток реализацииdisplay