Как упростить код?

Question

[zveronol]

выбирать в .main-header__search и .main-header__form
дочерние элементы
а не перечислять

тоесть если произошел клик вне .main-header__search и .main-header__form или их дочерних элементах также
то удаляем main-header__form--active у main-header__form

https://jsfiddle.net/u6L7j3xo/

Answer 1

[Spartak (Web-StyleStudio)]

$('.main-header__form, .main-header__search').children().removeClass('main-header__form--active');

Так хотите?

Comments

[zveronol]

Spartak (Web-StyleStudio), нет. если произошел клик вне .main-header__search и .main-header__form или их дочерних элементах также
то удfляем main-header__form--active у main-header__form

[Spartak (Web-StyleStudio)]

$('html').on('click', function(e) {
    if (!$(e.target).find('.main-header__form, .main-header__search').children()) {
      $('.main-header__form').removeClass('main-header__form--active');
    }
  });

[zveronol]

Spartak (Web-StyleStudio), спасибо

[Spartak (Web-StyleStudio)]

zveronol,
Пожалуйста