https://andrewowen.net/plugins/infima/js/navbar.min.js

1/**
2 * Copyright (c) Facebook, Inc. and its affiliates.
3 *
4 * This source code is licensed under the MIT license found in the
5 * LICENSE file in the root directory of this source tree.
6 */
7
8function navbar($elements) {
9  $elements.forEach(($navbar) => {
10    // TODO: Use data-toggle approach.
11    const $toggle = $navbar.querySelector('.navbar__toggle');
12    const $sidebar = $navbar.querySelector('.navbar-sidebar');
13    const $sidebarClose = $navbar.querySelector('.navbar-sidebar__close');
14    const $backdrop = $navbar.querySelector('.navbar-sidebar__backdrop');
15    const $sidebarItems = $navbar.querySelector('.navbar-sidebar__items');
16
17    if ($toggle == null || $sidebarClose == null) {
18      return;
19    }
20
21    $toggle.addEventListener('click', (e) => {
22      $navbar.classList.add('navbar-sidebar--show');
23      $sidebarItems.classList.add('navbar-sidebar__items--show-secondary');
24    });
25
26    [$backdrop, $sidebarClose].forEach(($el) =>
27      $el.addEventListener('click', (e) => {
28        $navbar.classList.remove('navbar-sidebar--show');
29      }),
30    );
31  });
32}