https://healthjournalism.org/wp-content/plugins/glossary-by-codeat…/assets/js/mobile-tooltip.js?ver=2.2.42

1document.addEventListener("DOMContentLoaded", (event) => {
2	function handler(e) {
3		this.parentNode.parentNode
4		.querySelector(".glossary-tooltip-content-mobile")
5		.classList.toggle("glossary-show-tooltip");
6		e.preventDefault();
7	}
8	function close_handler(e) {
9		this.parentNode.classList.toggle("glossary-show-tooltip");
10		e.preventDefault();
11	}
12	function set_mobile() {
13		document.querySelector("body").classList.remove("glossary-mobile");
14		document.querySelectorAll(".glossary-tooltip").forEach(selector => {
15			let _selector = '';
16			if ( selector.querySelector(".glossary-tooltip-content-mobile") !== null ) {
17				_selector = selector.querySelector(".glossary-tooltip-content-mobile").classList;
18				_selector.toggle("glossary-tooltip-content");
19				_selector.toggle("glossary-tooltip-content-mobile");
20			}
21			if ( selector.querySelector(".glossary-tooltip-text-mobile") !== null ) {
22				_selector = selector.querySelector(".glossary-tooltip-text-mobile").classList;
23				_selector.toggle("glossary-tooltip-text");
24				_selector.toggle("glossary-tooltip-text-mobile");
25			}
26			if ( window.matchMedia("(any-pointer: coarse)").matches ) {
27				document.querySelector("body").classList.add("glossary-mobile");
28				_selector = selector.querySelector(".glossary-tooltip-content").classList;
29				_selector.toggle("glossary-tooltip-content");
30				_selector.toggle("glossary-tooltip-content-mobile");
31				_selector = selector.querySelector(".glossary-tooltip-text").classList;
32				_selector.toggle("glossary-tooltip-text");
33				_selector.toggle("glossary-tooltip-text-mobile");
34				const addButton = Array.from(document.querySelector(".glossary-tooltip-content-mobile").children).filter(function (child) {
35					return child.classList.contains("span.close");
36				});
37				if (
38					addButton.length === 0 && selector.querySelectorAll('.glossary-mobile .glossary-tooltip-content-mobile .close').length === 0
39				) {
40					const span = document.createElement("span");
41					span.classList.add('close');
42					span.textContent = 'X';
43					if ( document.querySelector("body.is-rtl") === null ) {
44						selector.querySelector(".glossary-tooltip-content-mobile").prepend(span);
45					} else {
46						selector.querySelector(".glossary-tooltip-content-mobile").append(span);
47					}
48				}
49			}
50		});
51		let selector = document.querySelectorAll('.glossary-mobile .glossary-tooltip-content-mobile .close');
52		if (selector.length > 0) {
53			selector.forEach(element => {
54				element.addEventListener('click', close_handler);
55			});
56		}
57		selector = document.querySelectorAll('.glossary-mobile .glossary-link a, .glossary-mobile .glossary-link span');
58		if (selector.length > 0) {
59			selector.forEach(element => {
60				element.addEventListener('click', handler);
61			});
62		}
63	}
64	set_mobile();
65	window.addEventListener('resize', function() {
66		set_mobile();
67	});
68});