質問編集履歴
2
追加
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -118,6 +118,26 @@
|
|
|
118
118
|
|
|
119
119
|
```
|
|
120
120
|
|
|
121
|
+
```javascript
|
|
122
|
+
|
|
123
|
+
window.addEventListener("load", function() {
|
|
124
|
+
|
|
125
|
+
$(".button li").on("click", function() {
|
|
126
|
+
|
|
127
|
+
$("li.selected").removeClass("selected");
|
|
128
|
+
|
|
129
|
+
$(this).addClass("selected");
|
|
130
|
+
|
|
131
|
+
$(".show div").hide(); // 二つの要素を非表示にする
|
|
132
|
+
|
|
133
|
+
$("." + this.id).show(); // クリックされたボタンに対応する要素を表示する
|
|
134
|
+
|
|
135
|
+
});
|
|
136
|
+
|
|
137
|
+
});
|
|
138
|
+
|
|
139
|
+
```
|
|
140
|
+
|
|
121
141
|
|
|
122
142
|
|
|
123
143
|
selectedクラス（選択されたdiv）が赤くなるようになっています。
|
1
訂正
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -118,9 +118,15 @@
|
|
|
118
118
|
|
|
119
119
|
```
|
|
120
120
|
|
|
121
|
-
|
|
121
|
+
|
|
122
122
|
|
|
123
123
|
selectedクラス（選択されたdiv）が赤くなるようになっています。
|
|
124
|
+
|
|
125
|
+
最初は Ul li の id=left にselectedが割り当てられていますが
|
|
126
|
+
|
|
127
|
+
id=right をタッチすると id=left のクラスが消され
|
|
128
|
+
|
|
129
|
+
id=rightに class=selectedが割り当てられるようになっています。
|
|
124
130
|
|
|
125
131
|
|
|
126
132
|
|