質問編集履歴

2

誤字の修正

2024/03/28 07:26

投稿

sususuzu
sususuzu

スコア8

test CHANGED
File without changes
test CHANGED
@@ -136,15 +136,3 @@
136
136
 
137
137
  ### 補足
138
138
  特になし
139
-
140
- ### 試したこと・調べたこと
141
- - [x] teratailやGoogle等で検索した
142
- - [x] ソースコードを自分なりに変更した
143
- - [ ] 知人に聞いた
144
- - [ ] その他
145
-
146
- ##### 上記の詳細・結果
147
- 以前自分で書いたコードでは反応していて、そのままコピペしているのですがこちらでは反応しませんでした
148
-
149
- ### 補足
150
- 特になし

1

jsの記述を追加しました

2024/03/28 07:15

投稿

sususuzu
sususuzu

スコア8

test CHANGED
File without changes
test CHANGED
@@ -109,6 +109,22 @@
109
109
  }
110
110
  ```
111
111
 
112
+
113
+ ```js
114
+ //ハンバーガーメニュー
115
+ $(".openbtn1").click(function () {//ボタンがクリックされたら
116
+ $(this).toggleClass('active');//ボタン自身に activeクラスを付与し
117
+ $("#g-nav").toggleClass('panelactive');//ナビゲーションにpanelactiveクラスを付与
118
+ });
119
+
120
+ $("#g-nav a").click(function () {//ナビゲーションのリンクがクリックされたら
121
+ $(".openbtn1").removeClass('active');//ボタンの activeクラスを除去し
122
+ $("#g-nav").removeClass('panelactive');//ナビゲーションのpanelactiveクラスも除去
123
+ });
124
+
125
+ ```
126
+
127
+
112
128
  ### 試したこと・調べたこと
113
129
  - [x] teratailやGoogle等で検索した
114
130
  - [x] ソースコードを自分なりに変更した
@@ -120,3 +136,15 @@
120
136
 
121
137
  ### 補足
122
138
  特になし
139
+
140
+ ### 試したこと・調べたこと
141
+ - [x] teratailやGoogle等で検索した
142
+ - [x] ソースコードを自分なりに変更した
143
+ - [ ] 知人に聞いた
144
+ - [ ] その他
145
+
146
+ ##### 上記の詳細・結果
147
+ 以前自分で書いたコードでは反応していて、そのままコピペしているのですがこちらでは反応しませんでした
148
+
149
+ ### 補足
150
+ 特になし