gorilalopster
@gorilalopster
html css

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

По клику на блок со стрелкой .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");
           
  });
})
  • Вопрос задан
  • 1011 просмотров
Решения вопроса 1
FeST1VaL
@FeST1VaL
Тихий
Если правильно понял... что то типо такого... под себя ток исправьте я на скорую руку написал как пример, чтобы понять логику пойдет)))

Ответ написан
Пригласить эксперта
Ответы на вопрос 1
@mr_molodoy
Посмотрите метод toggleClass у jQuery
Там же есть примеры.
api.jquery.com/toggleclass
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы