Как добавить класс одному элементу и убрать его у остальных?

Question

[Undefined User]

<ul class="side__nav" id="side__nav">
              <li class="home__item" id="item1">Home</li>
              <li class="works__item" id="item2">Works</li>
              <li class="about__item" id="item3">About</li>
              <li class="contact__item" id="item4">Contact</li>
              <li class="hire__item" id="item5">Hire us</li>
            </ul>

Мне нужно, чтобы при нажатии на какой-то из элементов к нему добавлялся класс is-active, а у остальных он удалялся.

Comments

[Gimir]

Сохраняй активный элемент, при нажатии, снимай класс с активного и записывай в активный тот на который ты нажал и добавляй ему класс.

Answer 1

[Aldadis]

Попробуйте так

$('#side__nav li').click(function() {
        $(this).addClass('is-active').siblings().removeClass('is-active');
    });