teratail
回答率
85.35%
teratail header banner
teratail header banner
質問するログイン新規登録
トップに関する質問ハンバーガーメニュー内のリンクをクリックするとハンバーガーメニューが閉じるようにしたい。

編集履歴

質問編集履歴

6

書式の改善

2021/01/11 01:39

投稿

退会済みユーザー
test CHANGED
File without changes
test CHANGED
@@ -298,6 +298,8 @@
298
298
 
299
299
 
300
300
 
301
+ 参考サイト
302
+
301
- 参考サイトhttps://cocotsubu.com/2018/09/04/post-1341/
303
+ https://cocotsubu.com/2018/09/04/post-1341/
302
304
 
303
305
  jQueryだけ参考にしました。

5

書式の改善

2021/01/11 01:39

投稿

退会済みユーザー
test CHANGED
File without changes
test CHANGED
@@ -299,3 +299,5 @@
299
299
 
300
300
 
301
301
  参考サイトhttps://cocotsubu.com/2018/09/04/post-1341/
302
+
303
+ jQueryだけ参考にしました。

4

書式の改善

2021/01/11 01:39

投稿

退会済みユーザー
test CHANGED
File without changes
test CHANGED
@@ -260,11 +260,25 @@
260
260
 
261
261
 
262
262
 
263
-
263
+ $(function () {
264
-
264
+
265
- $('#list a[href^="#"]').on('click', function() {
265
+ $('#nav-button').on('click', function () {
266
+
266
-
267
+ $(this).toggleClass('active');
268
+
269
+ $(".nav").toggleClass('active');
270
+
271
+ })
272
+
273
+ }) $(function () {
274
+
267
- $('.menu').click();
275
+ $('.nav a').on('click', function () {
276
+
277
+ $('.nav').toggleClass('active');
278
+
279
+ $("#nav-button").toggleClass('active');
280
+
281
+ })
268
282
 
269
283
  });
270
284
 
@@ -284,4 +298,4 @@
284
298
 
285
299
 
286
300
 
287
- ここにより詳細な情報を記載してください。
301
+ 参考サイトhttps://cocotsubu.com/2018/09/04/post-1341/

3

文法修正

2021/01/11 01:36

投稿

退会済みユーザー
test CHANGED
File without changes
test CHANGED
@@ -260,12 +260,6 @@
260
260
 
261
261
 
262
262
 
263
- document.getElementById("nav-button").onclick = function(){
264
-
265
- document.querySelector('html').classList.toggle('open');
266
-
267
- }
268
-
269
263
 
270
264
 
271
265
  $('#list a[href^="#"]').on('click', function() {

2

文法修正

2021/01/11 00:35

投稿

退会済みユーザー
test CHANGED
File without changes
test CHANGED
@@ -254,6 +254,30 @@
254
254
 
255
255
 
256
256
 
257
+ jQuery
258
+
259
+ ```
260
+
261
+
262
+
263
+ document.getElementById("nav-button").onclick = function(){
264
+
265
+ document.querySelector('html').classList.toggle('open');
266
+
267
+ }
268
+
269
+
270
+
271
+ $('#list a[href^="#"]').on('click', function() {
272
+
273
+ $('.menu').click();
274
+
275
+ });
276
+
277
+ ```
278
+
279
+
280
+
257
281
  ### 試したこと
258
282
 
259
283
  似たような質問をされてる方の回答者様の記述を真似たりしてみたのですが上手く実装できませんでした。

1

文法修正

2021/01/11 00:33

投稿

退会済みユーザー
test CHANGED
File without changes
test CHANGED
@@ -32,7 +32,7 @@
32
32
 
33
33
  <nav>
34
34
 
35
- <ul>
35
+ <ul　class="menu>
36
36
 
37
37
  <li class="global-nav-item"><a href="#top">T O P</a></li>
38
38