У меня есть 2 элемента, привилегии и звания, при нажатии на одно из двух у них появляется задний фон (по умолчанию стоят привилегии), но мне нужно что бы при нажатии к примеру на 2 элемент, у 1 элемента удалялся задний фон. Как это сделать? Вот код
HTML:
<div class="shop-content__body">
<div class="shop-content__body-select shop-content__body-default">
<h2>Привелегия</h2>
</div>
<div class="shop-content__body-select">
<h2>Звание</h2>
</div>
</div>
JQUERY:
let priv = $('.shop-content__body-select')
$('.shop-content__body-default').addClass('active');
priv.on('click', function(){
$(this).toggleClass('active');
let privFirst = $('.shop-content__body-default');
let privLast = $('.shop-content__body-two');
if(privFirst.hasClass('active')){
privFirst.removeClass('active');
}else if(privLast.hasClass('active')){
privLast.removeClass('active');
}
});