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

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

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

<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');
});

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