Почему не срабатывает removeClass?

Question

[rasimzes]

Уважаемые, в чем дело, событие клика по крестику срабатывает, но класс active не удаляется из родительского контейнера.
Заранее благодарю за помощь!
CodePen

Answer 1

[qwermus]

У тебя clear вложен в trigger. При клике на clear у тебя происходит ещё и событие клика на триггер. Другими словами, у тебя убирается класс эктив и тут же ставится вновь. Тебе надо клеар достать из триггер

Answer 2

[Rsa97]

Удаляется. Но потом при всплытии события оно снова срабатывает на $searchTrigger и класс опять добавляется.
Используйте stopPropagation(), чтобы предотвратить всплытие события.

$searchClear.click(function (e) {
  e.stopPropagation();
  $searchTrigger.removeClass("active");
});