質問編集履歴

2

質問への回答

2020/07/16 08:39

投稿

退会済みユーザー
test CHANGED
File without changes
test CHANGED
@@ -3,6 +3,8 @@
3
3
  また.modal-openが消えたら.hogeを復活させる、ということをしたいです。
4
4
 
5
5
  下記のように書いたのですが、動きませんでした。
6
+
7
+ モーダル表示につきましては、modaalを使用しています。
6
8
 
7
9
 
8
10
 
@@ -14,7 +16,9 @@
14
16
 
15
17
  ```html
16
18
 
17
- <body class="modal-open">
19
+ <body>//.siteをクリックでbodyに.modal-openを付与
20
+
21
+    <a class="site" data-toggle="modal" data-target="#Modal">オープン</a>
18
22
 
19
23
  <section class="hoge"></section>
20
24
 
@@ -37,3 +41,9 @@
37
41
  }
38
42
 
39
43
  ```
44
+
45
+
46
+
47
+ ### 追記
48
+
49
+ いただいた質問をもとに修正いたしました。具体的な内容が不足しており申し訳ありません。

1

記述ミス

2020/07/16 08:39

投稿

退会済みユーザー
test CHANGED
File without changes
test CHANGED
@@ -1,4 +1,4 @@
1
- bodyに.modal-openが付与された際に、sectionに元々付与されている.hogeを削除し、
1
+ bodyに.modal-openが付与された際に、全てのsectionに元々付与されている.hogeを削除し、
2
2
 
3
3
  また.modal-openが消えたら.hogeを復活させる、ということをしたいです。
4
4
 
@@ -18,6 +18,10 @@
18
18
 
19
19
  <section class="hoge"></section>
20
20
 
21
+ <section class="hoge"></section>
22
+
23
+ <section class="hoge"></section>
24
+
21
25
  </body>
22
26
 
23
27
  ```