回答編集履歴

3

補足を入れました。

2021/05/20 05:49

投稿

mari.rinn
mari.rinn

スコア296

test CHANGED
@@ -30,6 +30,8 @@
30
30
 
31
31
  opacity: 0;
32
32
 
33
+ z-index:2;
34
+
33
35
  }
34
36
 
35
37
 
@@ -58,4 +60,4 @@
58
60
 
59
61
  ```
60
62
 
61
- left: "-200" と、animateの時間200 の値は適当に書いただけですので、ご自身用に直してください。
63
+ z-index:2;とleft: "-200" と、animateの時間200 の値は適当に書いただけですので、ご自身用に直してください。

2

入力ミスの修正

2021/05/20 05:48

投稿

mari.rinn
mari.rinn

スコア296

test CHANGED
@@ -36,15 +36,15 @@
36
36
 
37
37
  ```
38
38
 
39
- で、jQueryの方は、クリックイベントの中で、
39
+ で、jQueryの方は、
40
40
 
41
41
  ```jQUery
42
42
 
43
- $('body').append('<p class="overlay"></p>');
43
+ $('body').append('<p class="overlay"></p>'); //メニュを開く用clickイベント内で記述
44
-
45
- });
46
44
 
47
45
 
46
+
47
+ //閉じる用クリックイベント
48
48
 
49
49
  $('body').on('click', '.overlay', function(){
50
50
 
@@ -54,7 +54,7 @@
54
54
 
55
55
  $('.active').remove();
56
56
 
57
-
57
+ });
58
58
 
59
59
  ```
60
60
 

1

足りないものを補足しました。

2021/05/20 05:18

投稿

mari.rinn
mari.rinn

スコア296

test CHANGED
@@ -52,6 +52,8 @@
52
52
 
53
53
  $('p.overlay').remove();
54
54
 
55
+ $('.active').remove();
56
+
55
57
 
56
58
 
57
59
  ```