回答編集履歴
1
ソースの修正
test
CHANGED
|
@@ -1,12 +1,16 @@
|
|
|
1
1
|
なるべく簡潔な方法でと言うことで、こんな感じになりました。
|
|
2
2
|
|
|
3
|
+
内部的にはハンバーガーメニューは
|
|
4
|
+
|
|
3
|
-
|
|
5
|
+
idがnav-inputの隠しチェックボックスをオンオフして制御してるだけなので、
|
|
4
6
|
|
|
5
7
|
ページ内リンクにチェックボックスと関連付けるlabelを追加します。
|
|
6
8
|
|
|
7
9
|
ただaタグとlabelタグを二重に使うと動作しなかったので、
|
|
8
10
|
|
|
11
|
+
labelタグにonclickイベントを追加して、
|
|
12
|
+
|
|
9
|
-
|
|
13
|
+
window.location.hashプロパティを設定してページ内リンクさせています。
|
|
10
14
|
|
|
11
15
|
```HTML
|
|
12
16
|
|