Как добавить/удалить класс при клике?

Question

[Gorila Lopster]

По клику на блок со стрелкой .prjct__arrow показывает/прячет блок.
Как добавить этому блоку (.prjct__arrow) класс (active) и при повторном клике убрать, и плюс если кликнуть на другой такой же блок (.prjct__arrow) с предыдущего удалить класс (active).
Задумка в том, что при клике на стрелку выдвигается блок и стрелка переворачивается (transform) и если кликнуть еще раз на неё и НА НЕЁ ЖЕ только у другого родителя (prjct) блок прячется и стрелка обратно возвращается.

<div class="prjct">
             <div class="prjct__arrow">
              </div>
              <div class="prjct__details">
              </div>                                                           
      </div>
      <div class="prjct">
            <div class="prjct__arrow">
             </div>
             <div class="prjct__details">
             </div>                                                           
     </div>

$(document).ready(function() {
  $(".prjct__arrow").click(function() {
    $(".prjct__details").slideUp("fade")
    $(this).closest('.prjct').find('.prjct__details').stop().slideToggle("fade");
           
  });
})

Answer 1

[FeST1VaL]

Если правильно понял... что то типо такого... под себя ток исправьте я на скорую руку написал как пример, чтобы понять логику пойдет)))

Comments

[Gorila Lopster]

мой код работает, я просто хотел еще паралельно к prjct__arrow добавить клас active

[FeST1VaL]

Gorila Lopster, ну в моем по сути сделано, то что вам нужно) навешивание класса) и его удаление) А стрелочку уже можно в зависимости от .prjct.active делать как вам надо) Главное логику понять)

[FeST1VaL]

Gorila Lopster, Вот тоже самое примерно с вашим кодом

Answer 2

[mr_molodoy]

Посмотрите метод toggleClass у jQuery
Там же есть примеры.
api.jquery.com/toggleclass