@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');
    });
});


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

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

Войти через центр авторизации
Похожие вопросы
от 150 000 до 250 000 ₽
Интерсвязь Челябинск
от 30 000 ₽
Libertex Group Барнаул
от 70 000 до 120 000 ₽
29 мая 2020, в 23:52
10000 руб./за проект
29 мая 2020, в 23:10
6000 руб./за проект
29 мая 2020, в 22:25
6000 руб./за проект