Html 如何在按下此按钮后保持打开状态'；它被点击了

我目前正在创建一个导航菜单，我希望我的子部分（如“排版”）在单击并加载新页面后，在菜单中保持打开状态

我怎样才能最好地完成这项任务

这是我的导航菜单的HTML代码

  <div class="sidenav">
    <a class="current3" href="index.html">Home</a>
    <a href="https://robertevansuni.uk/Journal/">Journal</a>
    <button class="dropdown-btn">Davids Work
      <i class="fa fa-caret-down" aria-hidden="true"></i>
    </button>  
    <div class="dropdown-container">
    <a class="dropdowntext2" href="three-designed-objects-homepage.html">Designed Objects</a>
<!--
    <a href="#">Link 2</a>
    <a href="#">Link 3</a>
-->
</div>

  <button class="dropdown-btn">Priscas Work
    <i class="fa fa-caret-down" aria-hidden="true"></i>
  </button>
  <div class="dropdown-container">
    <a class="dropdowntext2" href="Typography-arrangement.html">Typography</a>
    <a class="dropdowntext2" href="lithome.html">Literature</a>
<!--     <a href="#">Link 3</a> -->

  </div>
  <a class="submenu"href="oldwebsites.html">Archived Websites</a>
  <a class="nav-menu" href="about.html">About</a>
  <button class="openBtn" onclick="openSearch()">Search</button>
</div>

戴维斯的作品
普里斯卡斯作品
搜寻

您必须使用javascript来获取更多您想在获得

window.location.href

的地方实现的功能，以获取当前页面，并将“已打开”下拉类添加到该按钮/链接中如果按钮和页面都相互尊重，您能详细说明一下吗？对不起，您正在使用JQuery吗？我刚刚下载了它并在HTML中引用了它。