|
- document.addEventListener('DOMContentLoaded', function () {
- var switcher = document.querySelector('.site-app-switcher');
- if (!switcher) {
- return;
- }
-
- var toggle = switcher.querySelector('.site-app-switcher-toggle');
-
- toggle.addEventListener('click', function (event) {
- event.stopPropagation();
- var isOpen = switcher.classList.toggle('is-open');
- toggle.setAttribute('aria-expanded', isOpen ? 'true' : 'false');
- });
-
- document.addEventListener('click', function (event) {
- if (!switcher.contains(event.target)) {
- switcher.classList.remove('is-open');
- toggle.setAttribute('aria-expanded', 'false');
- }
- });
-
- document.addEventListener('keydown', function (event) {
- if (event.key === 'Escape') {
- switcher.classList.remove('is-open');
- toggle.setAttribute('aria-expanded', 'false');
- }
- });
- });
|