回答編集履歴

1

コード追記

2021/12/03 14:03

投稿

hatena19
hatena19

スコア34075

test CHANGED
@@ -2,7 +2,7 @@
2
2
 
3
3
  ご希望のことは、
4
4
 
5
- `.gnav-pc`内のaリンク(`.gnav-pc a`)をクリックしたとき、メニューを閉じたい(=`.humbergarmenu`をクリックする)
5
+ `.gnav-pc`内のaリンク(`.gnav-pc a`)をクリックしたとき、メニューを閉じたい(=`.humbergarmenu`をクリックしたことにする)
6
6
 
7
7
  ということですから、下記でどうでしょう。
8
8
 
@@ -10,7 +10,15 @@
10
10
 
11
11
  ```js
12
12
 
13
- $(function() {
13
+ $(function(){
14
+
15
+ $('.humbergarmenu').on('click', function(){
16
+
17
+ $('.in-humbergarmenu').toggleClass('is-active');
18
+
19
+ });
20
+
21
+
14
22
 
15
23
  $('.gnav-pc a').on('click', function(event) {
16
24
 
@@ -21,3 +29,19 @@
21
29
  });
22
30
 
23
31
  ```
32
+
33
+ あるいは、ハンバーガーとリンクのクリックをまとめてしまってもいいですね。
34
+
35
+ ```js
36
+
37
+ $(function(){
38
+
39
+ $('.humbergarmenu, .gnav-pc a').on('click', function(){
40
+
41
+ $('.in-humbergarmenu').toggleClass('is-active');
42
+
43
+ });
44
+
45
+ });
46
+
47
+ ```