Удалить класс у предидущего div?

Question

[Secret73]

Всем привет. Есть вот такая структура.

<div class="col-sm-12 col-md-9 col-lg-9">
                <div class="sort">
                  <div class="title-btn">Сортировка:</div>
                  <div class="sort-type-list">
                    <div class="sort-type" >
                      По актуальности
                      <div class="sort-type-wrap">
                        <div class="sort-type-list-item">по популярности</div>
                      </div>
                    </div>
                    <div class="sort-type" >
                    По типу материалов
                      <div class="sort-type-wrap">
                        <div class="sort-type-list-item">видео материалы</div>
                      </div>
                    </div>
                    <div class="sort-type" >
                    По стоимости
                      <div class="sort-type-wrap">
                        <div class="sort-type-list-item">бесплатно</div>
                      </div>
                    </div>
                    <div class="sort-type" >
                    По качеству
                      <div class="sort-type-wrap">
                        <div class="sort-type-list-item">соответствие программы</div>
                      </div>
                    </div>
                    <div class="sort-type" >
                    Другие параметры
                      <div class="sort-type-wrap">
                        <div class="sort-type-list-item">онлайн обучение</div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>

Вот так добавляю class нужному div, но как убрать класс у предидущего?

$('.sort-type').on('click', function () {
        $(this).closest(".sort-type").find(".sort-type-wrap").addClass('active');
      });

Answer 1

[Владимир Проскурин]

Просто удаляйте по классу active

$('.sort-type').on('click', function () {
   $('.sort-type .sort-type-wrap.active').removeClass('active');
   $(this).closest(".sort-type").find(".sort-type-wrap").addClass('active');
});

Comments

[Secret73]

А как еще сделать, что бы при повторном нажатии удалился класс?

[Владимир Проскурин]

$('.sort-type').on('click', function () {
   var $block = $(this).closest(".sort-type").find(".sort-type-wrap");
   var isSelf = $block.hasClass('active');
   $('.sort-type .sort-type-wrap.active').removeClass('active');
   if (!isSelf) {
      $block.addClass('active');
   }
});

[Secret73]

Владимир Проскурин, Спасибо!