質問編集履歴

5

悩んでいる箇所にチャレンジして上手くいかなかった内容を記載いたしました。

2021/04/12 15:20

投稿

Rinriinrinrin
Rinriinrinrin

スコア13

test CHANGED
File without changes
test CHANGED
@@ -16,8 +16,6 @@
16
16
 
17
17
 
18
18
 
19
-
20
-
21
19
  ■悩んでいる箇所
22
20
 
23
21
  ・アコーディオンの展開のイベントをHTML,JavaScriptどちらで実現可能なのかわからず調べ方もわからず実装に詰まっております、、、お力添えいただけると助かります。

4

悩んでいる箇所にチャレンジして上手くいかなかった内容を記載いたしました。

2021/04/12 15:20

投稿

Rinriinrinrin
Rinriinrinrin

スコア13

test CHANGED
File without changes
test CHANGED
@@ -24,6 +24,18 @@
24
24
 
25
25
 
26
26
 
27
+ HTMLで下記のタグで囲むとアコーディオンで表示できるとGoogleで調べてヒットしてコード追加しましたが、他の要素が悪さをしてアコーディオンで表示ができませんでした。
28
+
29
+ <details open>
30
+
31
+ <summary>タブ</summary>
32
+
33
+ アコーディオンで表示されます
34
+
35
+ </details>
36
+
37
+
38
+
27
39
  どうぞよろしくお願いいたします。
28
40
 
29
41
 

3

m.ts10806さん、K_3578さん、1T2R3M4さん質問への追記・修正依頼ありがとうございます。 同じような内容の質問を続けて投稿失礼いたしました。 ガイドラインのURLの記載もありがとうござ

2021/04/12 15:19

投稿

Rinriinrinrin
Rinriinrinrin

スコア13

test CHANGED
File without changes
test CHANGED
@@ -393,3 +393,9 @@
393
393
  </html>
394
394
 
395
395
  ```
396
+
397
+ teratailでは、マルチポストの推奨はしていないことを知らず申し訳ございません。
398
+
399
+ 他のサイトの質問の削除申請中でまだ未解決のため、URL追記させていただきます。
400
+
401
+ https://ja.stackoverflow.com/questions/75219/%e3%82%af%e3%82%a4%e3%82%ba%e3%81%ae%e9%81%b8%e6%8a%9e%e8%82%a2%e3%82%92%e9%81%b8%e6%8a%9e%e3%81%97%e3%81%9f%e3%82%89%e8%a7%a3%e8%aa%ac%e3%82%92%e8%a1%a8%e7%a4%ba%e3%81%95%e3%81%9b%e3%81%9f%e3%81%84

2

2021/04/12 14:07

投稿

Rinriinrinrin
Rinriinrinrin

スコア13

test CHANGED
File without changes
test CHANGED
@@ -16,6 +16,14 @@
16
16
 
17
17
 
18
18
 
19
+
20
+
21
+ ■悩んでいる箇所
22
+
23
+ ・アコーディオンの展開のイベントをHTML,JavaScriptどちらで実現可能なのかわからず調べ方もわからず実装に詰まっております、、、お力添えいただけると助かります。
24
+
25
+
26
+
19
27
  どうぞよろしくお願いいたします。
20
28
 
21
29
 

1

画像追加

2021/04/12 05:30

投稿

Rinriinrinrin
Rinriinrinrin

スコア13

test CHANGED
File without changes
test CHANGED
@@ -20,9 +20,13 @@
20
20
 
21
21
 
22
22
 
23
+ 選択肢、選ぶ前
24
+
23
25
  ![イメージ説明](2ec8096fe6ce5092b6318ecb34f2d9bb.png)
24
26
 
25
-
27
+ 選択肢、回答後※現在イベントの設定ができていないため選択しても解説が開きません
28
+
29
+ ![イメージ説明](792eb46115aaa0dc57a894f2c0f072a9.png)
26
30
 
27
31
 
28
32