将<div>设置回页面加载前的值

Question

我有以下带有下拉切换的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-link和整页刷新后，下拉菜单应该像之前一样打开/关闭。

1）我怎样才能获得正确的div值？ 例如，。当它关闭和打开时

2）如何将下拉菜单的状态设置回刷新页面之前的状态？