Как построить сложную конструкцию по проверке класса на jquery?

Question

[Денис Трифонов]

Доброго времени суток.
Необходимо блоку в зависимости от ситуации добавить тот или иной класс.Пробовал построить конструкцию, но ошибка..
Вот условно html

<li class="sort__item">
      <span class="sort__desc">Classement</span>
</li>

А вот js что пробовал

$('.sort__item').click(function(){
  if($(this).hasClass('active-up')){
    $(this).removeClass("active-up");
    $(this).addClass("active-down");
    }else if($(this).hasClass('active-down')){
      $(this).removeClass("active-down");
    }
});

Нужно проверить sort__item и если у него нет класса, то добавить active-up , а если active-up уже есть там, то удалить его и добавить active-down , но если у него есть класс active-down то удалить его и оставить просто sort-item

Comments

[Даниил Руднев]

Span с одним из перечисленных классов?

[Денис Трифонов]

Даниил Руднев, нет, мне нужно li как раз по клику добавлять класс.Только класса два и тут просто if else не обойтись как мне кажется

[Даниил Руднев]

Денис Трифонов, Аа, типа самому li присвоить класс в зависимости от текущего состояния?

[Денис Трифонов]

Даниил Руднев, да.только в зависимости от клика по нему.сначала без класса, потом по первому клику добавить класс active-up , по второму клику удалить active-up и вместо него добавить active-down и по третьему удалить active-down

[Даниил Руднев]

Денис Трифонов, я понял, щас напишу че-то

[Денис Трифонов]

Даниил Руднев, Спасибо

[Даниил Руднев]

Реализация на JS

[Денис Трифонов]

Даниил Руднев, Твой вариант работает только с первым элементов в списке.Почему мне не ведомо..остальные молчат..
Пробовал построить по твоей логике, но что-то так и ошибка..

[Даниил Руднев]

Денис Трифонов, дай примерный кусок HTML, к которому это нужно применять

[Денис Трифонов]

Даниил Руднев, Хорошо

<ul class="sort__list"
<li class="sort__item">
      <span class="sort__desc">Classement</span>
</li>
<li class="sort__item">
      <span class="sort__desc"Statement</span>
</li>
<li class="sort__item">
      <span class="sort__desc">Metment</span>
</li>
</ul>

Нужно добавлять класс к sort__desс чтобы там через стили after менялся в зависимости от класса

[Даниил Руднев]

Получить все элементы с классом и на каждый через цикл навесить слушатель вот так

[Денис Трифонов]

Даниил Руднев, Да, вот так работает!Спасибо