質問するログイン新規登録

回答編集履歴

3

修正

2020/09/02 03:57

投稿

m.ts10806
m.ts10806

スコア80888

answer CHANGED
@@ -16,7 +16,6 @@
16
16
 
17
17
  ```html
18
18
  <select name="area" id="area">
19
- <option value="0">全国</option>
20
19
  <option value="1">北海道</option>
21
20
  <option value="2">東北</option>
22
21
  <option value="3">関東</option>
@@ -24,19 +23,19 @@
24
23
  <option value="5">関西</option>
25
24
  </select>
26
25
  <br>
27
- <div id="area00" class="area active">
26
+ <div id="area01" class="area active">
28
27
  <p>ラーメン</p>
29
28
  </div>
30
- <div id="area01" class="area">
29
+ <div id="area02" class="area">
31
30
  <p>ずんだ餅</p>
32
31
  </div>
33
- <div id="area02" class="area">
32
+ <div id="area03" class="area">
34
33
  <p>餃子</p>
35
34
  </div>
36
- <div id="area03" class="area">
35
+ <div id="area04" class="area">
37
36
  <p>お刺身</p>
38
37
  </div>
39
- <div id="area04" class="area">
38
+ <div id="area05" class="area">
40
39
  <p>お好み焼き</p>
41
40
  </div>
42
41
  ```

2

修正

2020/09/02 03:57

投稿

m.ts10806
m.ts10806

スコア80888

answer CHANGED
@@ -10,4 +10,33 @@
10
10
  ```
11
11
 
12
12
  あと、1個1個指定してhide()してますが、
13
- 全部hide()して表示したいのだけshow()すれば結果は同じです。
13
+ 全部hide()して表示したいのだけshow()すれば結果は同じです。
14
+
15
+ 画面ないに1つしかないのでしたらclassよりIDのほうが良いですし、こういうHTMLにしてみては。
16
+
17
+ ```html
18
+ <select name="area" id="area">
19
+ <option value="0">全国</option>
20
+ <option value="1">北海道</option>
21
+ <option value="2">東北</option>
22
+ <option value="3">関東</option>
23
+ <option value="4">北陸</option>
24
+ <option value="5">関西</option>
25
+ </select>
26
+ <br>
27
+ <div id="area00" class="area active">
28
+ <p>ラーメン</p>
29
+ </div>
30
+ <div id="area01" class="area">
31
+ <p>ずんだ餅</p>
32
+ </div>
33
+ <div id="area02" class="area">
34
+ <p>餃子</p>
35
+ </div>
36
+ <div id="area03" class="area">
37
+ <p>お刺身</p>
38
+ </div>
39
+ <div id="area04" class="area">
40
+ <p>お好み焼き</p>
41
+ </div>
42
+ ```

1

修正

2020/09/02 02:47

投稿

m.ts10806
m.ts10806

スコア80888

answer CHANGED
@@ -7,4 +7,7 @@
7
7
  <option value="3">関東</option>
8
8
  <option value="4">北陸</option>
9
9
  <option value="5">関西</option>
10
- ```
10
+ ```
11
+
12
+ あと、1個1個指定してhide()してますが、
13
+ 全部hide()して表示したいのだけshow()すれば結果は同じです。