удаление класса

[dikucher]

<div class="order-items-bl">
  <div class="order-item"></div>
  <div class="order-item"></div>
  <div class="order-item"></div>
</div>

суть скрипта, при клике на элемент .order-item у которого нет .active-order-item, то к нему добавлятся .active-order-item, а у всех остальных .order-item, убирается класс .active-order-item

$('.order-items-bl').on('click', 'div:not(.active-order-item)', function() {
                    $(this).addClass('active-order-item').siblings().removeClass('active-order-item');
                    $('.order-not-selected').css("display","none");
                    $('.order-selected').css("display", "block");
                })

нужно добавить возможность, чтобы при клике на элемент, который содержит два класса <div class="order-item active-order-item"></div> убирался класс .active-order-item

[nyols]

$('.order-item').click(function() {
   $('.order-item').removeClass('active-order-item');
   $(this).addClass('active-order-item');
});

??

[dikucher]

ваш код не делает следующее, а именно, когда я кликаю по <div class="order-item active-order-item"></div> то .active-order-item у меня не убирается, но на основе вашего, я сделал, то что мне было надо

$('.order-item').click(function() {
        if($(this).hasClass('active-order-item')) {
            $(this).removeClass('active-order-item');
            
        } else {
            $('.order-item').removeClass('active-order-item');
            $(this).addClass('active-order-item');
            
        }

    });

Причем эту логику я сразу пытался реализовать, но так как сам язык я толком не знаю, то и не получалось
Еще раз спасибо