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

Question

[Василь Бойко]

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

При клике на "Войти" добавить к нему класс active, это получилось, но как сделать, чтобы при клике на всё остальное кроме него удалить этот класс? Или как посоветуете сделать?

$('.main-phone').click(function(){
    $(this).addClass('active');
  });

p.s. Таких появляющийся блоков на сайте много

Comments

[Василь Бойко]

хм..один трабл, дело в том, что у меня на странице есть несколько таких окон. И при нажатии на одно, потом на другое, по идеи должно бы она закрываться, но выходит так, что оба окна одновременно открыты!

[Василь Бойко]

решил)

Answer 1

[Сергей Иванов]

самое простое решение положите какой нибудь див под него. Обычно делают затемненный полупрозрачный и на нем отлавливайте событие

вот

Comments

[Василь Бойко]

сейчас брат ВК мне то же самое советует, но я слаб в JS, а он хочет чтобы я учился.. помогите, а?)

[Сергей Иванов]

Василь Бойко: поправил

Answer 2

[Иван Соломенников]

Вот здесь можно посмотреть как добавлять и удалять класс к активной кнопке меню.
https://youtu.be/sAjAUmtGylY?t=195

Answer 3

[Валентин Дубровский]

document.addEventListeners('click', function(){
  $('.main-phone').removeClass('active');
});
$('.main-phone').click(function(e){
  e.stopPropagation();
  $(this).addClass('active');
});

Comments

[Василь Бойко]

хм, что-то не работает

[Валентин Дубровский]

Василь Бойко: прошу прощения, там опечатка:) вот работающий вариант - https://jsfiddle.net/La7qw7mh/

[Василь Бойко]

Валентин Дубровский: спасибо большое, ваш скрипт творит чудеса)

[Василь Бойко]

хм..один трабл, дело в том, что у меня на странице есть несколько таких окон. И при нажатии на одно, потом на другое, по идеи должно бы она закрываться, но выходит так, что оба окна одновременно открыты!

[Валентин Дубровский]

Василь Бойко: https://jsfiddle.net/La7qw7mh/1/

[Василь Бойко]

Валентин Дубровский: спс

Answer 4

[Василь Бойко]

хм..один трабл, дело в том, что у меня на странице есть несколько таких окон. И при нажатии на одно, потом на другое, по идеи должно бы она закрываться, но выходит так, что оба окна одновременно открыты!

Comments

[Роман Волков]

А в чем проблема? Дай им разные имена. И при клике на 1 закрывать все остальные