回答編集履歴

4

説明追記

2020/05/04 00:18

投稿

hatena19
hatena19

スコア34075

test CHANGED
@@ -45,3 +45,5 @@
45
45
  メニューの表示は body のClass に open の付加/削除でしています。
46
46
 
47
47
  メニューをクリック時に openクラスを削除すれば非表示になります。
48
+
49
+ 表示/非表示時のアニメーションはCSSのtransitionを使っています。

3

語句修正

2020/05/04 00:18

投稿

hatena19
hatena19

スコア34075

test CHANGED
@@ -10,7 +10,7 @@
10
10
 
11
11
  $('a[href^="#"]').click(function (event) {
12
12
 
13
- $('body').removeClass('open'); //追加
13
+ $('body').removeClass('open'); //挿入
14
14
 
15
15
  var id = $(this).attr("href");
16
16
 

2

説明追記

2020/05/03 14:04

投稿

hatena19
hatena19

スコア34075

test CHANGED
@@ -33,3 +33,15 @@
33
33
 
34
34
 
35
35
  [Codepenサンプル](https://codepen.io/hatena19/pen/jObawRm)
36
+
37
+
38
+
39
+ ### 解説
40
+
41
+
42
+
43
+
44
+
45
+ メニューの表示は body のClass に open の付加/削除でしています。
46
+
47
+ メニューをクリック時に openクラスを削除すれば非表示になります。

1

サンプルリンク追加

2020/05/03 13:59

投稿

hatena19
hatena19

スコア34075

test CHANGED
@@ -29,3 +29,7 @@
29
29
  });
30
30
 
31
31
  ```
32
+
33
+
34
+
35
+ [Codepenサンプル](https://codepen.io/hatena19/pen/jObawRm)