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

質問編集履歴

2

追記エリアを追加しました。

2020/10/16 05:46

投稿

k1010
k1010

スコア4

title CHANGED
File without changes
body CHANGED
@@ -44,4 +44,22 @@
44
44
  ```
45
45
  ### 希望すること
46
46
  恐れ入りますが、急ぎで解決させたいので、「どうしてうまくいかないのか」の理論だけではなく
47
- 「どうやったら実現できるか」にフォーカスを当てたご回答をいただけると幸いです。
47
+ 「どうやったら実現できるか」にフォーカスを当てたご回答をいただけると幸いです。
48
+
49
+ ### 追記(2020.10.16)
50
+ 複数のdetail.listで試すと、先頭のdetail.listのみopen状態になりました。
51
+ すべてのdetail.listをopenにする手立て等がありましたら、知恵をお貸ししていただけますでしょうか。
52
+ 度々すみませんが、何卒お願いいたします。
53
+ ```html
54
+ <details class="list">
55
+ <summary>その1</summary>
56
+ <p>クリックしたら表示させたい説明文1</p>
57
+ </details>
58
+ <details class="list">
59
+ <summary>その2</summary>
60
+ <p>クリックしたら表示させたい説明文2</p>
61
+ </details>
62
+ ```
63
+ ```javascript
64
+ document.querySelectorAll('.list').open=true;
65
+ ```

1

「希望すること」を追記

2020/10/16 05:46

投稿

k1010
k1010

スコア4

title CHANGED
File without changes
body CHANGED
@@ -41,4 +41,7 @@
41
41
  ```javascript
42
42
  document.getElementsByClassName("list").setAttribute("open","open");
43
43
  //結果:<summary>最初に表示させたい文字</summary>しか表示されない
44
- ```
44
+ ```
45
+ ### 希望すること
46
+ 恐れ入りますが、急ぎで解決させたいので、「どうしてうまくいかないのか」の理論だけではなく
47
+ 「どうやったら実現できるか」にフォーカスを当てたご回答をいただけると幸いです。