Eduard07

Пример с jQuery.... ссылка з нативным js, Как отработать клик вне блока?
jQuery(function($){
$(document).mouseup(function (e){ // событие клика по веб-документу
var div = $("#popup"); // тут указываем ID элемента
if (!div.is(e.target) // если клик был не по нашему блоку
&& div.has(e.target).length === 0) { // и не по его дочерним элементам
div.hide(); // скрываем его
}
});
});

Я сделал через SpeechRecognition.
Есть потдержка Edge, Chrome, Chrome Android, Samsung Internet, Opera, я тестировал.

Переинициализировать swiper нужно

<svg>
<use xlink:href="sprite.svg#icon">
</svg>

var _click = document.getElementById('click');

if(!!_click) {

  _click.addEventListener('click', function() {

    this.querySelector('#element').classList.add('show');
  })
}

- где структура html

#click
  figure
    img
  #element
    #googlemap

а там уже стили, когда show добавить к #element, ты показываешь елемент

swiper

Без js, с помощью тега label
input#test
label ~ for="test"
css: input { display: none; }
И пиши стили label

А ты возьми через js, и передавай через ajax к php.