Как закрыть все popup окна?

Question

[tvsjke]

На странице есть несколько (десяток) всплывающих окон, реализованных следующим образом:

<div id="img">
  <div id="popup"></div>
</div>

$('#img').on('click', function() {
        e.stopPropagation();
        $('#popup').toggle();
        $('#img').toggleClass('active');
});

Понятно, что закрытие всех окон можно реализовать как-то так

$(document).click( function(e){
        $('#popup1, #popup2 ...').hide();
});

Но вот как сделать так, чтобы я, допустим, кликал на popup, он открывался, а остальные закрывались ?

Answer 1

[iBird Rose]

дать всем попапам один класс. к примеру .popups и закрывать его при открытии.

$('#img').on('click', function() {
        e.stopPropagation();
         $('.popups').hide();
        $('#popup').toggle();
        $('#img').toggleClass('active');
});