我想为顶部菜单和子菜单设置具有不同页面链接的html锚

Question

我希望我的侧边栏就像单击菜单时可以重定向页面一样，并且应该打开子菜单的这次下拉菜单。然后单击子菜单时，它可以将我重定向到另一个页面。

<ul class="sidebar-menu">
  <li class="active">
    <a class="" href="">
      <i class="icon_house_alt"></i>
      <span>Dashboard</span>
    </a>
  </li>
  <li class="sub-menu">
    <a class="" href="/Another page1">
      <i class="icon_house_alt"></i>
      <span>Top menu 1</span>
      <span class="menu-arrow arrow_carrot-right"></span>
    </a>
    <ul class="sub">
      <li><a class="" href="/Another page2">Sub Menu 1</a></li>
      <li><a class="" href="/Another page2">Sub Menu 2</a></li>
    </ul>
  </li>
</ul>