タブ切り替えでそのタブに戻りたい

前提・実現したいこと

現在タブ切り替えの手法を用いて数多くの作品を載せたいと思っております。

それに加えて「一覧へ戻る」でそれぞれのボタンへ戻りたいです。
ハッシュの方法が良いと思ったのですが、下記のデータを作成後に戻れないことに
気づき、どうゆうふうに応用するといいのかわかりませんでした。

イメージは下記の通りです。

【イメージ】
Aボタン　Bボタン　Cボタン　Dボタン　（タブ切り替え）
↓
Bボタンを押してBのボックスを展開
↓
Bボタンで展開されている項目をクリック
↓
詳細ページに行く
↓
詳細ページの「一覧ボタン」を押すとBボタンに戻る　◀︎やりたいこと

ご教示いただければ幸いです。
どうぞよろしくお願いいたします。

該当のソースコード

html
1
2	<div class="tabs pc-tabs">
3
4<input id="first" type="radio" name="tab_item" checked>
5    <label class="tab_item" for="first">Aボタン</label>
6    <input id="second" type="radio" name="tab_item">
7    <label class="tab_item" for="second">Bボタン</label>
8    <input id="third" type="radio" name="tab_item">
9    <label class="tab_item" for="third">Cボタン</label>
10    <input id="four" type="radio" name="tab_item">
11    <label class="tab_item" for="four">Dボタン</label>
12
13<div class="tab_content" id="first_content">
14
15<div class="row-top">
16<div class="row">
17中省略
18</div>
19</div>
20
21</div>
22
23<div class="tab_content" id="second_content">
24<div class="row-top">
25<div class="row">
26中省略
27</div>
28</div>
29</div>
30
31<div class="tab_content" id="third_content">
32<div class="row-top">
33<div class="row">
34中省略
35</div>
36</div>
37</div>
38	
39<div class="tab_content" id="four_content">
40<div class="row-top">
41<div class="row">
42中省略
43</div>
44</div>
45</div>
46	
47</div>

css
1
2※「中省略」のcssは省略します
3
4.tabs {
5  margin-top: 20px;
6  padding-bottom: 40px;
7  width: 100%;
8  margin: 0 auto;
9  z-index: 10;
10}
11
12.tab_item {
13  width: calc(100%/4);
14  height: 50px;
15  border-bottom: 3px solid #484848;
16
17  line-height: 50px;
18  font-size: 16px;
19  text-align: center;
20  display: block;
21  float: left;
22  font-weight: bold;
23  transition: all 0.2s ease;
24}
25
26.tab_item:hover {
27	background: #484848;
28	color: #fff;
29  opacity: 0.75;
30}
31
32input[name="tab_item"] {
33  display: none;
34}
35
36.tab_content {
37  padding-top: 100px;
38  width:100%;
39  flex-wrap: wrap;
40  justify-content: space-between;
41  display: none;
42  clear: both;
43  overflow: hidden;
44}
45
46#first:checked ~ #first_content,
47#second:checked ~ #second_content,
48#third:checked ~ #third_content,
49#four:checked ~ #four_content {
50  display: block;
51}
52
53.tabs input:checked + .tab_item {
54  background-color: #484848;
55  color: #fff;
56}
57