Как при добавлении class текущему элементу, удалить этот class у другого?

Question

[Oleh Lantukh]

Доброе время суток,

подскажите пожалуйста, у меня есть список:

<ul>
<li class="category-item"></li>
<li class="category-item"></li>
<li class="category-item"></li>
</ul>

Необходимо при клике на элемент списка добавлять ему class open, и при этом удалять этот class, если он уже есть у другого элемента.

Есть вот такой скрипт:

$("li.category-item").on('click', function () {
    const $this = $(this);
    $this.addClass('open');
});

Помогите пожалуйста его доработать

Answer 1

[Сергей Котов]

$("li.category-item").click(function () {
    $("li.category-item").removeClass('open');
    $(this).addClass('open');
});

Comments

[Oleh Lantukh]

=) блин, логично)

[Сергей Котов]

Oleh Lantukh, читабельно))))