@Lorelin
Student web

Как сделать разворот картинки?

Есть код выезжающего меню. Нужно чтобы при нажатии на стрелочку(кнопка чтобы меню выезжало вниз-вверх), стрелка поворачивалась вниз, при нажатии обратно вверх. Пытался сделать так:

$('.task-item__open').toggle(function() {
    $(this).rotate({ endDeg:180, persist:true });
  }, function() {
    $(this).rotate({ endDeg:360 });


Ничего не работает.

Также дал классу с картинкой в css:

transition: all 1s linear;

И создал класс .transform:

.transform {
  transform: rotate(180deg);
}


В js прописал:

$(function(){
    $('.task-item__open').on('click', function(){
        $(this).toggleClass('.transform');
    });
});


Тоже не работает.
  • Вопрос задан
  • 120 просмотров
Решения вопроса 1
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
summer Ярославль
от 100 000 до 140 000 ₽
КРАФТТЕК Санкт-Петербург
от 60 000 до 80 000 ₽
19 апр. 2024, в 20:43
20000 руб./за проект
19 апр. 2024, в 20:11
500 руб./за проект