我几乎完成了我的工作，我的客户要求保持子菜单打开时，用户点击菜单中的项目，并设置活动的颜色。这个想法是更好的方向时，用户实际上是。在React应用程序，这不会是问题，因为整个应用程序的工作就像一个页面。在这种情况下，我决定只使用HTML/JS作为我的挑战。
它甚至可能以某种方式保持菜单打开/再次打开菜单时，新的页面加载请？
我试着从这个应用程序做一些像单页应用程序的一些教程，如“加载页面不刷新”等，但没有任何工作。

菜单

<div class="menu">
          <div class="item">
            <a class="sub-btn">
              Matice
              <i class="fas fa-angle-right dropdown"></i>
            </a>
            <div class="sub-menu">
              <a
                href="/pages/matice/zakladni-operace.html"
                id="matice/zakladni-operace"
                onClick="reply_click(this.id)"
                class="sub-item">
                Základní operace
              </a>
              <a
                href="/pages/matice/hodnosti.html"
                id="matice/hodnosti"
                onClick="reply_click(this.id)"
                class="sub-item">
                Hodnost
              </a>
              <a
                href="/pages/matice/determinanty.html"
                id="matice/determinanty"
                onClick="reply_click(this.id)"
                class="sub-item">
                Determinanty
              </a>
              <a
                href="/pages/matice/inverzni-matice.html"
                id="matice/inverzni-matice"
                onClick="reply_click(this.id)"
                class="sub-item">
                Inverzní matice
              </a>
              <a
                href="/pages/matice/maticove-rovnice.html"
                id="matice/maticove-rovnice"
                onClick="reply_click(this.id)"
                class="sub-item">
                Maticové rovnice
              </a>
              <a
                href="/pages/matice/vlastni-cisla-a-vektory.html"
                id="matice/vlastni-cisla-a-vektory"
                onClick="reply_click(this.id)"
                class="sub-item">
                Vlastní čísla a vektory
              </a>
            </div>
          </div>
        </div>