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

回答編集履歴

1

コード追記

2021/12/03 14:03

投稿

hatena19
hatena19

スコア34367

answer CHANGED
@@ -1,12 +1,24 @@
1
1
  セレクタが間違っています。
2
2
  ご希望のことは、
3
- `.gnav-pc`内のaリンク(`.gnav-pc a`)をクリックしたとき、メニューを閉じたい(=`.humbergarmenu`をクリックする)
3
+ `.gnav-pc`内のaリンク(`.gnav-pc a`)をクリックしたとき、メニューを閉じたい(=`.humbergarmenu`をクリックしたことにする)
4
4
  ということですから、下記でどうでしょう。
5
5
 
6
6
  ```js
7
- $(function() {
7
+ $(function(){
8
+ $('.humbergarmenu').on('click', function(){
9
+ $('.in-humbergarmenu').toggleClass('is-active');
10
+ });
11
+
8
12
  $('.gnav-pc a').on('click', function(event) {
9
13
  $('.humbergarmenu').trigger('click');
10
14
  });
11
15
  });
16
+ ```
17
+ あるいは、ハンバーガーとリンクのクリックをまとめてしまってもいいですね。
18
+ ```js
19
+ $(function(){
20
+ $('.humbergarmenu, .gnav-pc a').on('click', function(){
21
+ $('.in-humbergarmenu').toggleClass('is-active');
22
+ });
23
+ });
12
24
  ```