Html 设置<；部门>；返回到页面加载前的值

我有以下带有下拉切换的html代码

<div class="col-md-12">
  <div class="box collapsed-box">
    <div class="box-header with-border">
      <div class="box-tools pull-right">
        <button data-widget="collapse" class="btn btn-box-tool"><i class="fa fa-plus"></i></button>
        <div class="btn-group">
          <button data-toggle="dropdown" class="btn btn-box-tool dropdown-toggle"><i class="fa fa-wrench"></i></button>
        </div>
        <button data-widget="remove" class="btn btn-box-tool"><i class="fa fa-times"></i></button>
      </div>
    </div>
    <div class="box-body" style="display: none;">
      <div class="row">
        <div class="col-md-8">
          <div class="chart-responsive">
            <canvas height="200" id="salesChart" style="width: 675px; height: 200px;" width="675"></canvas>
            <a href="page2.php">page 2</a>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>

您可以打开和关闭下拉按钮

单击href链接并刷新整个页面后，应像以前一样打开/关闭下拉列表toogle

1） 如何获得正确的div值？ 例如，。当它关闭和打开时

---

2） 如何将下拉列表toogle的状态设置回页面刷新前的状态？

刷新时PHP中会发生什么？例如：1）下拉列表toogle关闭，2）切换为打开3）页面再次以旧状态加载，关闭下拉列表toogleWhat href链接？也许在页面中使用cookie？a href，例如，使用cookie是一种方法，但是在再次加载站点之前，如何提取/获取页面中的值