@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');
    })
  }
});
  • Вопрос задан
  • 194 просмотра
Решения вопроса 1
@IceJOKER
Web/Android developer
условия неправильные, если вы хотите проверить на существование, то добавьте еще .length != 0
Также можете юзать toggleClass()
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы