Почему не удаляет класс при клике jquery и как справить?

Question

[Clay]

$('.table__list').click(function () {
   $('.item__info').addClass('active');
});
 
 $('.cross').click(function () {
   $('.item__info').removeClass('active');
 });

<ul class="table__list">
                     <div class="item__info">
                        <div class="cross"></div>
                        <div class="info__inner">
                           <div class="info__date">Заявка создана <span>1 июня в 14:23</span></div>
                        
                           <div class="info__title">
                              <h2>АНО ДПО "ИНСТИТУТ ГОСУДАРСТВЕННОГО УПРАВЛЕНИЯ И КВАЛИФИКАЦИИ СОТРУДНИКОВ"</h2>
                              <div class="inn__ogrn">
                                 <div>ИНН 154782356572356</div>
                                 <div>ОГРН 15478293934</div>
                              </div>
                           </div>
                           <div class="info__contact">
                              <h3>Контакты</h3>
                              <div class="info__name"><img src="assets/images/icon/people.svg" alt="icon"> Вознесенский Михаил Петрович</div>
                              <div class="info__phone"><img src="assets/images/icon/phone.svg" alt="icon"> [phone]</div>
                           </div>
                           <div class="info__status">
                              <h3>Текущий статус заявки</h3>
                              <div class="status__inner">
                                 <div class="status__des"><span class="active"></span>Счёт активен</div>
                                 <div class="status__date">3 июня 11:02</div>
                              </div>
                              <p>Миссия выполнена — клиент совершил операцию по счёту. Ты получаешь вознаграждение за активного клиента!</p>
                           </div>
                           <div class="info__history">
                              <h3>История заявки <i class="fas fa-chevron-up"></i></h3>
                              <div class="history__inner">
                                 <div class="history__item">
                                    <div class="status__des"><span class="open"></span>Счёт открыт</div>
                                    <div class="history__item-date">2 июня 15:47</div>
                                 </div>
                                 <div class="history__item">
                                    <div class="status__des"><span class="true"></span>Встреча назначена</div>
                                    <div class="history__item-date">1 июня 12:32</div>
                                 </div>
                                 <div class="history__item">
                                    <div class="status__des"><span class="true"></span>Назначение встречи</div>
                                    <div class="history__item-date">31 мая 11:20</div>
                                 </div>
                              </div>
                           </div>
                        </div>
                     </div>
                     <li class="table__title-date">1 сент<span>14:45</span></li>
                     
                     
                     <li class="table__title-company">ООО «ПР-Консалтинг»</li>
                     <li class="table__title-inn">938517492735</li>
                     <li class="table__title-status"><span class="def"></span> Назначение встречи</li>
                  </ul>

Comments

[Павел]

где html , где сам клик происходит? 99% шанс что у вас клик не в том месте

[Everybody_Lies]

в указанном коде ошибок нет

[Clay]

Everybody_Lies, Понял, похоже что-то в html, ответ отредактировал

[Everybody_Lies]

Clay, для начала, у вас не верная html структура.
Потомком тега ul должны быть только теги li

[Clay]

Everybody_Lies, При нажатии эти классы подсвечиваются

Answer 1

[Air_Sidney]

У тебя второй объект внутри первого. Клик на втором объекте дергает клик первого. Т.е. получается что ты класс удаляешь и снова его вешаешь ))

Answer 2

[Froggyweb]

Всплытие и погружение