webAO/dom/toggleMenu.ts


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18

import { selectedMenu, setSelectedMenu } from "../client";

/**
 * Highlights and selects a menu.
 * @param {number} menu the menu to be selected
 */
export function toggleMenu(menu: number) {
  if (menu !== selectedMenu) {
    document.getElementById(`menu_${menu}`)!.className = "menu_button active";
    document.getElementById(`content_${menu}`)!.className =
      "menu_content active";
    document.getElementById(`menu_${selectedMenu}`)!.className = "menu_button";
    document.getElementById(`content_${selectedMenu}`)!.className =
      "menu_content";
    setSelectedMenu(menu);
  }
}
window.toggleMenu = toggleMenu;