質問編集履歴
1
コードを見やすくしました
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -10,7 +10,7 @@
|
|
|
10
10
|
|
|
11
11
|
### 該当のソースコード
|
|
12
12
|
### **【JS】**
|
|
13
|
-
//全てのタブを取得
|
|
13
|
+
```//全てのタブを取得
|
|
14
14
|
var tabBlock = document.querySelectorAll(".tab_wrapper .tab_block");
|
|
15
15
|
|
|
16
16
|
//タブに対してイベント設定
|
|
@@ -22,9 +22,11 @@
|
|
|
22
22
|
|
|
23
23
|
console.log("tabBlockLink");
|
|
24
24
|
}
|
|
25
|
+
```
|
|
25
26
|
|
|
27
|
+
|
|
26
28
|
### 【html】
|
|
27
|
-
<div class="tab_wrapper">
|
|
29
|
+
```<div class="tab_wrapper">
|
|
28
30
|
<ul class="tab_area">
|
|
29
31
|
<li><a class="tab_block tab_block_1" href="#tab_1"></a></li>
|
|
30
32
|
<li><a class="tab_block tab_block_2" href="#tab_2"></a></li>
|
|
@@ -46,9 +48,11 @@
|
|
|
46
48
|
<h3>経営理念</h3>
|
|
47
49
|
|
|
48
50
|
-----以下略-----
|
|
51
|
+
```
|
|
49
52
|
|
|
53
|
+
|
|
50
54
|
### 【CSS】
|
|
51
|
-
.tab_wrapper .tab_block {
|
|
55
|
+
```.tab_wrapper .tab_block {
|
|
52
56
|
width: 156px;
|
|
53
57
|
}
|
|
54
58
|
|
|
@@ -58,7 +62,9 @@
|
|
|
58
62
|
}
|
|
59
63
|
|
|
60
64
|
-----以下略-----
|
|
65
|
+
```
|
|
61
66
|
|
|
67
|
+
|
|
62
68
|
### 試したこと
|
|
63
69
|
tabBlock.addEventListener("click", function(){
|
|
64
70
|
....
|