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

Question

[Os Letnik]

<div class="ads-category-item" data-subcategory-id="subcategory-id-1"></div>
<div class="ads-category-item" data-subcategory-id="subcategory-id-2"></div>

<div id="subcategory-id-1" class="ads-category-sub">
      Контент_1
</div>
<div id="subcategory-id-2" class="ads-category-sub">
     Контент_2
</div>

var subcategoryId = $(this).data('subcategoryId');
  $('.ads-category-item').on('click', function() {

    var subcategoryId = $(this).data('subcategoryId');
      id = document.getElementById(subcategoryId);
    $('.ads-category-sub').removeClass('actice');
    $(id).toggleClass('actice');
    $(popUpId).addClass('popup-animated');

  });

нужно удалить класс всем элементам кроме того на который кликнули. А при повторном клике убирался класс и у етого елемента.

Answer 1

[Dmitry Bay]

В функции

$('.ads-category-sub').removeClass('actice');
$(this).addClass('actice');

Comments

[Os Letnik]

Решение не плохое. Но нужно при повторном клике забирать класс .actice

[Dmitry Bay]

if ( $(this).hasClass(actice) ){
$('.ads-category-sub').removeClass('actice');
} else {
$('.ads-category-sub').removeClass('actice');
$(this).addClass('actice');
}