Задать вопрос
@Worddoc
Frontend explorer

Почему данные функции не работают в режиме в режиме toggle?

Здравствуйте. Нужно, чтобы при 1 одном условии работала 1 функция, при втором - вторая функция. Но проблема в том, что срабатывает только 1 условие и 1 функция, но когда условие создается по второму сценарию, функция не выполняется и возвращает себе старый класс. Нужно, чтобы это дело работало в режиме toggle, т.е. бесконечно, туда-сюда. В чем дело?(

<div class="input-play"><i class="icon-play-circled2"></i></div>


$(document).ready(function() {
  if($('.input-play i[class="icon-play-circled2"]')) {
    $('.input-play').click(function(){
      $('.input-play i').removeClass('icon-play-circled2');
      $('.input-play i').addClass('icon-cancel');
    })
  }
  else if($('.input-play i[class="icon-cancel"]')) {
    $('.input-play').click(function(){
      $('.input-play i').removeClass('icon-cancel');
      $('.input-play i').addClass('icon-play-circled2');
    })
  }
});
  • Вопрос задан
  • 196 просмотров
Подписаться 1 Оценить 5 комментариев
Помогут разобраться в теме Все курсы
  • Яндекс Практикум
    Фронтенд-разработчик
    10 месяцев
    Далее
  • Skillfactory
    Профессия Веб-разработчик
    12 месяцев
    Далее
  • Нетология
    Fullstack-разработчик на Python + нейросети
    20 месяцев
    Далее
Решения вопроса 1
@IceJOKER
Web/Android developer
условия неправильные, если вы хотите проверить на существование, то добавьте еще .length != 0
Также можете юзать toggleClass()
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

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

Похожие вопросы